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

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

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

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

控件使用示例：

控件使用示例

控件頁面效果只是“添加附件”的圖片，運(yùn)行效果圖一：

運(yùn)行效果圖一

點(diǎn)擊圖片彈出文件選擇框，運(yùn)行效果圖二

運(yùn)行效果圖二

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

運(yùn)行效果圖三

由于附件的大小受限或頁面訪問超時(shí)，上傳失敗，運(yùn)行效果圖四

button按鈕是服務(wù)器按鈕，可以為期增加js驗(yàn)證函數(shù)：

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

運(yùn)行效果圖五：

刪除掉上傳失敗的文件，運(yùn)行效果圖六:

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

運(yùn)行效果圖七：

在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)文章

最新評論