验证jQuery文件上传预览

约瑟夫

我使用以下脚本预览通过input ['file']选择的图像。如何防止它尝试显示不是图像的文件?

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#preview').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}
来宾271314

尝试

if (/image/.test(input.files[0].type)) {
  reader.readAsDataURL(input.files[0]);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery文件上传预览/删除图像

来自分类Dev

jQuery上传预览之前的最大高度和最大宽度验证

来自分类Dev

Blueimp jQuery文件上传轨道:BMP图像预览问题

来自分类Dev

使用jQuery多次上传的文件大小验证

来自分类Dev

Laravel 上的 jquery 文件上传验证错误

来自分类Dev

使用jQuery裁剪上传预览

来自分类Dev

带有回形针的jQuery文件上传,在上传之前显示预览图像

来自分类Dev

Laravel文件上传验证

来自分类Dev

验证上传文件的内容

来自分类Dev

文件上传验证组

来自分类Dev

可选的文件上传验证

来自分类Dev

文件上传表单验证

来自分类Dev

验证上传文件的大小

来自分类Dev

上传文件的验证器

来自分类Dev

在jQuery验证中限制上传到文件扩展名

来自分类Dev

通过jQuery中的数组进行多个文件上传验证

来自分类Dev

在jQuery验证中限制上传到文件扩展名

来自分类Dev

使用jQuery的ASP.NET文件上传验证

来自分类Dev

jQuery输入类型文件上传验证IE问题

来自分类Dev

通过jQuery中的数组进行多个文件上传验证

来自分类Dev

使用jquery-validate验证csv文件上传

来自分类Dev

如何在AngularJS中预览上传的文件

来自分类Dev

无法预览表单中的多个上传文件

来自分类Dev

上传前预览文件名

来自分类Dev

如何使用jquery验证程序在提交表单之前验证是否选择了要上传的文件

来自分类Dev

Cakephp验证文件上传“多个”

来自分类Dev

Spring MVC文件上传-验证

来自分类Dev

是/ w Formik文件上传验证

来自分类Dev

如何验证上传文件的数组?