多檔案上傳元件FineUploader使用心得

2022-02-23 05:28:45 字數 1737 閱讀 9123

做web開發的童鞋都知道,需要經常從客戶端上傳檔案到服務端,當然,你可以使用來上傳檔案,這是asp.net預設的上傳檔案元素。但是,受到系統的限制,如果要更改file元素的樣式,讓他看起來美觀一些,這就比較費勁了,當然可能是本人css功夫沒到家吧,總之試了幾次,也沒能達到想要的效果。最終,就決定用第三方外掛程式吧。由於專案組成員之前都用的是fileuploader,所以就毫不猶豫的拿來用了一下。

先附上一張整體的布局以及fileupload呈現的效果。

指令碼引進來之後,就可以建立fileuploader物件了。本文主要說這次使用過程中遇到的問題,具體用法就不細說了。具體用法這位哥兒們說的非常詳細了,fine uploader。

在上傳過程中,我發現乙個非常奇怪的現象,上傳較小一點的檔案,一點問題都沒有,非常順利,可是在我偶然上傳了乙個稍微大一點的檔案(50m),這時候就出現問題了,這時候會一直在那裡轉圈,進度一直都是0%,這樣反覆了幾次,我發現當上傳不超過24m左右的檔案時,都沒有問題,可是一旦超過了,就出現上述的問題,上傳就中止了。由於上傳檔案只是大小不一樣導致的問題,所以肯定是**做了限制導致了這個問題。檢查了一遍程式,發現有兩個地方對檔案的大小做了限制,乙個是配置檔案中做了如下的配置:

可是配置檔案此處檔案大小是以k為單位的,意思就是此處限制的大小為2147483/1024=2097m,約為2個g,遠遠大於24m,所以應該不是此處引起的問題。然後我又看了一下指令碼中上傳檔案時的限制,fineuploader本身也可以對檔案的字尾和檔案的大小做限制,通過如下配置:

validation:
view code

在這裡對大小做了100m的控制,所以分析了一下也不可能是這裡引起的問題,那麼會使**引起的問題呢?

我再次拿了乙個50m的檔案試了一下,仍然上傳不成功,這次我開啟了chrome的除錯工具,看了一下request資訊和response資訊,注意,這裡有些chrome版本可能看不到此錯誤資訊。"http error 404.13 - not found「,對,居然是404!我們都知道404錯誤是未找到請求的頁面,那麼這裡怎麼會報這個錯誤呢?於是google了一下,原來很多人出現過這個問題:原因就是上傳檔案過大。這是原帖,有興趣的童鞋可以看一下。既然知道了出錯的原因,那麼解決起來也就不難了,在web config裡新增如下的配置:

"

true

"/> "

512000

">

view code

至此,問題解決。寫這篇文章的目的有兩個:一,如果你遇到了這個問題,可以很快的幫你解決問題;二,希望大家能一起學習,學習解決問題的能力!說到這裡,想起了他人的一句名言:方法總比問題多!只要肯思考,總會有解決的辦法的!    

多檔案上傳元件

多檔案上傳元件 因為我還沒完成我的元件,不保證文章中的 的正確性.上傳多檔案 sander duivestein 介紹這是我寫的乙個上傳檔案的activex的元件.這個元件是使用winsocket 控制項呼叫ftp提交檔案.它僅僅工作在ie3.02或更高的版本,但有些客戶端使用netscape,因此...

多檔案上傳

這是我開發過程中用涉及到的乙個功能,現在備份下來。首先是在 web.confing 中做限制上傳大小配置和超時的配置,的節點下有 executiontimeout maxrequestlength兩個屬性。executiontimeout設定超時的時間值,預設的為90秒,如果超出這個時間,瀏覽器就會...

多檔案上傳

c 版本 upload.aspx page language c codebehind upload.aspx.cs autoeventwireup false inherits webportal.upload upload.aspx.cs using system using system.co...