讓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;
}
}
相關文章
- 怎麼讓jupyter自動在瀏覽器彈出?瀏覽器
- [求助]如何讓pc瀏覽器和手機瀏覽器自動識別並跳轉瀏覽器
- 使用chrome瀏覽器驅動自動開啟瀏覽器Chrome瀏覽器
- 瀏覽器原生支援平滑滾動瀏覽器
- 如何讓瀏覽器支援 import 和export語法瀏覽器ImportExport
- Laravel- 圖片上傳新增自動裁剪功能Laravel
- FileUpload 上傳的檔案獲取相對路徑
- 瀏覽器可以自動修改URL?瀏覽器
- 使用 Finder預覽功能,讓你可以快速瀏覽多個檔案!
- 讓IE低版本瀏覽器也支援placeholder屬性瀏覽器
- LayUI多檔案上傳,支援歷史上傳預覽UI
- Web自動化之瀏覽器啟動Web瀏覽器
- React圖片上傳元件react-fileupload的使用方法React元件
- MacOS下chrome瀏覽器上傳jpg證件照無法上傳MacChrome瀏覽器
- SSH三大框架使用谷歌瀏覽器上傳檔案瀏覽器崩潰框架谷歌瀏覽器
- 禁用edge、chrome瀏覽器自動更新Chrome瀏覽器
- getElementsByClassName()方法的瀏覽器支援版本瀏覽器
- 如何讓你的SAP CRM應用支援附件上傳
- SpringMVC 通過commons-fileupload實現檔案上傳SpringMVC
- RemoteBrowser:類似Puppeteer的瀏覽器自動化框架REM瀏覽器框架
- 瀏覽器的全屏功能小結瀏覽器
- nodejs實現簡歷自動重新整理(無頭瀏覽器測試功能)NodeJS瀏覽器
- 配置Django-TinyMCE元件支援上傳圖片功能Django元件
- selenium模組,web自動化,建立瀏覽器Web瀏覽器
- Puppeteer無頭瀏覽器:開啟自動化之門,掌握瀏覽器世界的無限可能瀏覽器
- ASP.net core 使用UEditor.Core 實現 ueditor 上傳功能ASP.NET
- 谷歌瀏覽器怎麼翻譯英文網頁 chrome瀏覽器自帶翻譯功能怎麼用谷歌瀏覽器網頁Chrome
- js上傳圖片預覽,相容IE6以上各大主流瀏覽器JS瀏覽器
- [譯] 瀏覽器中 CSS 支援指南瀏覽器CSS
- SugarCoat可自動保護瀏覽器的隱私資料瀏覽器
- 唯一客服瀏覽器外掛: 影片號直播自動回覆與迴圈傳送話術-自動化外掛瀏覽器
- win10 瀏覽器上淘寶不支援旺旺怎麼辦Win10瀏覽器
- 短影片上傳怎麼做|寫個支援分片上傳/斷點續傳/秒傳功能的檔案服務吧斷點
- 自動化測試系列(2)—— 下載瀏覽器驅動瀏覽器
- 使用WebDriverManager實現自動獲取瀏覽器驅動程式Web瀏覽器
- Safari瀏覽器自動高亮外掛:Auto Highlight fMac瀏覽器Mac
- 驗證碼前端對各瀏覽器的支援前端瀏覽器
- win10 edge瀏覽器自啟動怎麼關閉_win10電腦edge瀏覽器自啟動解決方法Win10瀏覽器
- win10瀏覽器無法上網怎麼辦 w10自帶瀏覽器上不了網解決方法Win10瀏覽器