讓ASP.NET的FileUpload控制元件支援瀏覽自動上傳功能
FileUpload控制元件預設不支援服務端的ONCHANGE事件,此時用一種變通的方法
借用客戶端的onchange事件,呼叫__doPostBack方法來用LinkButton的OnClick事件模擬一個事件觸發的過程,具體程式碼如下:
客戶端:
<asp:FileUpload ID="fuPhoto" onchange="javascript:__doPostBack('lbUploadPhoto','')"
runat="server" ToolTip="選擇圖片" />
<asp:LinkButton ID="lbUploadPhoto" runat="server" OnClick="lbUploadPhoto_Click"></asp:LinkButton>
後臺程式碼:
//自動上傳事件
protected void lbUploadPhoto_Click(object sender, EventArgs e)
{
fileUpload();
}
//從控制元件上傳檔案
public void fileUpload()
{
if (fuPhoto.PostedFile != null && fuPhoto.PostedFile.ContentLength > 0)
{
string ext = System.IO.Path.GetExtension(fuPhoto.PostedFile.FileName).ToLower();
if (ext != ".jpg" && ext != ".jepg" && ext != ".bmp" && ext != ".gif")
{
return;
}
string filename = "Image_" + DateTime.Now.ToString("yyyyMMddHHmmss") + ext;
string path = "./UploadPhoto/" + filename;
fuPhoto.PostedFile.SaveAs(Server.MapPath(path));
Response.Redirect("ImageCut.aspx?Picurl=" + Server.UrlEncode(path));
}
else
{
//do some thing;
}
}
相關文章
- asp.net 使用FileUpload控制元件上傳並顯示圖片ASP.NET控制元件
- 實現ASP.NET中FileUpload多檔案上傳ASP.NET
- ASP.NET自動傳送郵件功能的實現ASP.NET
- 怎麼讓jupyter自動在瀏覽器彈出?瀏覽器
- [求助]如何讓pc瀏覽器和手機瀏覽器自動識別並跳轉瀏覽器
- asp.net2.0 上傳圖片(FileUpload控制元件) 並生成縮圖ASP.NET控制元件
- ASP.NET動態網站開發培訓-10.FileUpload控制元件ASP.NET網站控制元件
- 瀏覽器原生支援平滑滾動瀏覽器
- Laravel- 圖片上傳新增自動裁剪功能Laravel
- 如何讓瀏覽器支援 import 和export語法瀏覽器ImportExport
- 檢測瀏覽器是否支援HTML5功能瀏覽器HTML
- ASP.Net頁面瀏覽器“後退”功能的實現ASP.NET瀏覽器
- 相容所有瀏覽器的圖片上傳本地預覽效果瀏覽器
- 【Jeffrey Zhao 】讓UpdatePanel支援上傳檔案
- 瀏覽器可以自動修改URL?瀏覽器
- LayUI多檔案上傳,支援歷史上傳預覽UI
- 7.1、使用Commons Fileupload上傳檔案
- commons-fileupload-1.1.1.jar上傳的問題JAR
- asp.net 呼叫echarts顯示圖表控制元件隨瀏覽器自適應解決方案ASP.NETEcharts控制元件瀏覽器
- 使用 Finder預覽功能,讓你可以快速瀏覽多個檔案!
- Web自動化之瀏覽器啟動Web瀏覽器
- onscroll事件的瀏覽器支援事件瀏覽器
- 如何讓你的SAP CRM應用支援附件上傳
- FileUpload控制元件學習控制元件
- SSH三大框架使用谷歌瀏覽器上傳檔案瀏覽器崩潰框架谷歌瀏覽器
- 支援多檔案上傳,預覽,拖拽,基於bootstrap的上傳外掛fileinput的ajax非同步上傳boot非同步
- 禁用edge、chrome瀏覽器自動更新Chrome瀏覽器
- FileUpload 上傳的檔案獲取相對路徑
- 傳Apple Pay將支援手機瀏覽器內支付APP瀏覽器
- js拖動滑塊瀏覽圖片功能JS
- 讓IE低版本瀏覽器也支援placeholder屬性瀏覽器
- getElementsByClassName()方法的瀏覽器支援版本瀏覽器
- React圖片上傳元件react-fileupload的使用方法React元件
- Struts2框架的檔案上傳--common-fileupload框架
- 配置Django-TinyMCE元件支援上傳圖片功能Django元件
- Java Web(十二) commons-fileupload上傳下載JavaWeb
- PHP仿微信多圖片預覽上傳功能PHP
- jquery在瀏覽器滾動條上的應用jQuery瀏覽器