禅之禅的gravatar头像
禅之禅 2016-06-16 23:33:01

jquery上传图片选择文件时如何只浏览.jpg .png 格式的文件?

$("label[name='download']").click(function () {

    var $this = $(this);

    var fileElementId = $this.parent().find("input[type='file']").attr('id');
    if ($("#" + fileElementId).val() == '') {

        $.messager.alert('请选择文件');

    } else {

        $.ajaxFileUpload({

            url: 'action/upload/imgUpload',

            secureuri: false, async: false,

            dataType: 'multipart/form-data',

            fileElementId: fileElementId,

            success: function (data, status) {

                var result = eval('(' + data + ')');

                if (result.code == SUC) {

                    $this.parent().hide();

                    $this.parent().parent().find('img').attr('src', result.data + "@%200e_0o_1l_200h_200w_90q.src");
                    $this.parent().parent().find('input[class="img"]').val(result.data);
                    $this.parent().parent().find('img').show();
                    $this.parent().parent().find('a[name="update_img"]').show();

                } else {

                    $.messager.alert(result.msg);

                }

            }

        });

    }

});

 


最代码官方编辑于2016-6-20 9:42:47

所有回答列表(3)
最代码官方的gravatar头像
最代码官方  LV168 2016年6月20日

html的form表单input属性accept就支持该功能

<input id="fileId1" type="file" accept="image/png,image/gif" name="file" />

请参考该问题:html表单input file控件类型如何限制上传文件类型?

评论(0) 最佳答案
aliger的gravatar头像
aliger  LV11 2016年6月20日

截取后四位呗

junger_1的gravatar头像
junger_1  LV2 2016年6月20日

截取点之后,然后做文件格式配对。

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友