2012-10-26 109 views
-1

我想上傳文件使用this jquery library,它工作正常,但我想要更多的東西,我面臨的問題就像它上傳文件後,我選擇文件,我想使上傳前的驗證(驗證類型和文件大小),我也想在其他功能中調用文件上傳功能,我在這裏堅持任何幫助將欣賞的問候文件上傳使用jquery

+0

我已經試過它的基本版本,異步上傳文件,但我想要做一些驗證上傳之前我也想調用文件上傳功能的其他功能 –

+0

你可以在你試圖修改bluimp上傳器的同時創建自己的文件......它太混亂了,並且有一堆文件 –

+1

你可以嘗試使用[HTML5文件API(http://www.w3.org/TR/file-up加載/)。 – undefined

回答

1

基於項目的文檔,你應該覆蓋add函數。

添加

該加載回調可以被理解爲用於文件回調上傳 請求隊列。一旦文件被添加到 文件上傳小部件 - 通過文件輸入選擇,拖動&下拉或添加API 調用,它被調用。

默認行爲是:

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

此外還有已經插件中的文件類型和尺寸驗證:以字節爲單位

maxFileSize爲

允許的最大文件大小,默認無限制。

minFileSize

允許的最小文件大小,在默認情況下未定義(可以是0字節)。 acceptFileTypes

爲允許的文件類型的正則表達式,對無論是 文件類型或文件名只與文件API 報告的文件類型支持瀏覽器相匹配。

所以,你不需要自己做

1

解決方案與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" />