Question

简单的文件上传

<dl>
    <dt><label for="fileupload">{L_FILENAME}:</label></dt>
    <dd>
        <input type="file" name="fileupload" id="fileupload" maxlength="{FILESIZE}" 
               value="" />
    </dd>
</dl>

我需要检查图片(jpg, jpeg, gif, png)。如果有图片，则应显示警告消息："You are trying to upload an image. Please use the image uploader"。

注意：图像检查应在选择文件后直接启动，而不是在提交表单后启动。

这可以用jQuery吗？

我尝试了很多解决方案而没有成功。谢谢！

Answer 1

如果我是正确的，那么您正在寻找.change事件。

$("#fileupload").change(function (e) {});

现在使用以下代码，

$("#fileupload").change(function(e) {
    var val = $(this).val();
    if (val.match(/(?:gif|jpg|png|bmp)$/)) {
        alert("You are trying to upload an image. Please use the image uploader!");
    }
});

Demo

可能您可以使用正则表达式来匹配文件扩展名/(?:gif|jpg|JPG|JPEG|png|PNG|bmp)$/。

Updated Fiddle

希望它有所帮助！

FileUpload：文件类型为图像时显示警报

1 个答案: