jquery - 使用jquery上传文件

Question

我正在尝试使用此 jquery 库上传文件，它工作正常，但我想要的不仅仅是这些，我面临的问题就像它在我选择文件后立即上传文件，我想在上传之前进行验证（验证像文件的类型和大小），我也想在其他一些函数中调用文件上传函数，我被困在这里任何帮助将不胜感激

Answer 1

根据项目的文档，您应该覆盖add功能。

添加

add回调可以理解为文件上传请求队列的回调。一旦文件被添加到文件上传小部件，它就会被调用——通过文件输入选择、拖放或添加 API 调用。

默认行为是：

function (e, data) {
    data.submit();
}

此外，插件中已经有文件类型和大小验证：

最大文件大小

允许的最大文件大小（以字节为单位），默认为无限制。

最小文件大小

允许的最小文件大小，默认未定义（可以是 0 字节）。 接受文件类型

允许文件类型的正则表达式匹配文件类型或文件名，因为只有支持文件 API 的浏览器才会报告文件类型。

所以你不需要自己做

Answer 2

使用Uploadify 插件的解决方案：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.uploadify.min.js" ></script>
<script type="text/javascript" >
    $(function () {
        $('#file_upload').uploadify({
            'swf': '/Scripts/uploadify.swf',
            'uploader': '/Home/UploadFile',
            'fileTypeExts': '*.gif; *.jpg; *.png', //type limitations
            'fileTypeDesc': 'Image Files',
            'fileSizeLimit': '100KB' //size limitation
        });
    });
</script>


<input type="file" name="file_upload" id="file_upload" />