Question

我正在尝试使用this jquery library上传文件，它工作正常，但我想要的更多一点，我面临的问题就像它在我选择文件后立即上传文件，我想制作上传前的验证（验证文件的类型和大小），我也想在其他一些功能中调用文件上传功能，我被困在这里任何帮助都将是值得欣赏的问候

Answer 1

基于项目文档，您应该覆盖add函数。

添加

添加回调可以理解为文件上传的回调   请求队列。只要文件被添加到，就会调用它   fileupload小部件 - 通过文件输入选择，拖动和放大删除或添加API   调用

默认行为是：

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

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


<强> maxFileSize为

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

<强> minFileSize

允许的最小文件大小，默认为undefined（可以是0字节）。   的 acceptFileTypes

允许的文件类型的正则表达式，与之匹配   文件类型或文件名仅作为支持File API的浏览器   报告文件类型。

所以你不需要自己动手

Answer 2

Uploadify Plugin的解决方案：

<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" />

使用jquery上传文件

2 个答案: