欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

asp.net 無刷新附件上傳實現(xiàn)方法

 更新時間:2010年01月24日 16:07:04   作者:  
一直以來附件上傳都是個很郁悶的問題,剛開始是利用js添加input file 然后一起提交來實現(xiàn)多文件上傳,在使用163郵箱的時候很是羨慕它的附件上傳部分(選擇完文件就提交,可以多個文件一起上傳,而且還可以獲取上傳進(jìn)度),這時就很想自己也寫個那樣的東西出來。

最近參照網(wǎng)上的一些資料,初步到達(dá)了預(yù)期目標(biāo)(客戶端獲取上傳進(jìn)度,還沒發(fā)現(xiàn)什么好的方法,沒有實現(xiàn)),利用iframe實現(xiàn)了附件的無刷新上傳效果(其實有提交iframe),為了使用方便,最后做成了,.net用戶自定義控制:

控件使用示例:

控件使用示例

控件頁面效果只是“添加附件”的圖片,運行效果圖一:

運行效果圖一

點擊圖片彈出文件選擇框,運行效果圖二

運行效果圖二

選中文件打開,文件開始上傳,點擊“停止”按鈕,“正在上傳”變?yōu)椤暗却蟼鳌?,“停止”變?yōu)椤吧蟼鳌?,運行效果圖三

運行效果圖三

由于附件的大小受限或頁面訪問超時,上傳失敗,運行效果圖四

button按鈕是服務(wù)器按鈕,可以為期增加js驗證函數(shù):

Button1.Attributes.Add("onclick", "return checkFileState();");

運行效果圖五:

刪除掉上傳失敗的文件,運行效果圖六:

提交后,可以在cs里面獲取到上傳成功的附件名稱,在Fileup.ashx中是以時間對文件進(jìn)行重命名,為避免重復(fù)可以在后免再加幾位隨機(jī)數(shù)。

運行效果圖七:

在cs文件中:

復(fù)制代碼 代碼如下:

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Button1.Attributes.Add("onclick", "return checkFileState();");
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write(FilePostCtr1.value);
}
}

代碼打包下載

相關(guān)文章

最新評論