文件上传使用jquery

-1

我想上传文件使用this jquery library，它工作正常，但我想要更多的东西，我面临的问题就像它上传文件后，我选择文件，我想使上传前的验证（验证类型和文件大小），我也想在其他功能中调用文件上传功能，我在这里坚持任何帮助将欣赏的问候文件上传使用jquery

来源

2012-10-26 Muaz Usmani

我已经试过它的基本版本，异步上传文件，但我想要做一些验证上传之前我也想调用文件上传功能的其他功能 –

你可以在你试图修改bluimp上传器的同时创建自己的文件......它太混乱了，并且有一堆文件 –

你可以尝试使用[HTML5文件API（http://www.w3.org/TR/file-up加载/）。 – undefined

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

添加

该加载回调可以被理解为用于文件回调上传请求队列。一旦文件被添加到文件上传小部件 - 通过文件输入选择，拖动&下拉或添加API 调用，它被调用。

默认行为是：

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

此外还有已经插件中的文件类型和尺寸验证：以字节为单位

maxFileSize为

允许的最大文件大小，默认无限制。

minFileSize

允许的最小文件大小，在默认情况下未定义（可以是0字节）。 acceptFileTypes

为允许的文件类型的正则表达式，对无论是文件类型或文件名只与文件API 报告的文件类型支持浏览器相匹配。

所以，你不需要自己做

来源

2012-10-26 05:27:03 kamil

解决方案与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" />

来源

2012-10-26 05:35:10 testCoder

文件上传使用jquery

回答

相关问题