傳一個不知道什么版本的上來,以后不用到處找了。
語法:$.ajaxFileUpload([options])
options參數(shù)說明:
1、url 上傳處理程序地址。
2,fileElementId 需要上傳的文件域的ID,即的ID。
3,secureuri 是否啟用安全提交,默認為false。
4,dataType 服務(wù)器返回的數(shù)據(jù)類型。可以為xml,script,json,html。如果不填寫,jQuery會自動判斷。
5,success 提交成功后自動執(zhí)行的處理函數(shù),參數(shù)data就是服務(wù)器返回的數(shù)據(jù)。
6,error 提交失敗自動執(zhí)行的處理函數(shù)。
7,data 自定義參數(shù)。這個東西比較有用,當有數(shù)據(jù)是與上傳的圖片相關(guān)的時候,這個東西就要用到了。
8, type 當要提交自定義參數(shù)時,這個參數(shù)要設(shè)置成post
錯誤提示:
1,SyntaxError: missing ; before statement錯誤
如果出現(xiàn)這個錯誤就需要檢查url路徑是否可以訪問
2,SyntaxError: syntax error錯誤
如果出現(xiàn)這個錯誤就需要檢查處理提交操作的服務(wù)器后臺處理程序是否存在語法錯誤
3,SyntaxError: invalid property id錯誤
如果出現(xiàn)這個錯誤就需要檢查文本域?qū)傩訧D是否存在
4,SyntaxError: missing } in XML expression錯誤
如果出現(xiàn)這個錯誤就需要檢查文件name是否一致或不存在
5,其它自定義錯誤
大家可使用變量$error直接打印的方法檢查各參數(shù)是否正確,比起上面這些無效的錯誤提示還是方便很多。
使用方法:
第一步:先引入jQuery與ajaxFileUpload插件。注意先后順序,這個不用說了,所有的插件都是這樣。
代碼如下:
來一個MVC版本的實例:
控制器代碼
代碼如下:
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult Upload()
{
HttpFileCollection hfc = System.Web.HttpContext.Current.Request.Files;
string imgPath = "";
if (hfc.Count > 0)
{
imgPath = "/testUpload" + hfc[0].FileName;
string PhysicalPath = Server.MapPath(imgPath);
hfc[0].SaveAs(PhysicalPath);
}
return Content(imgPath);
}
}
前端視圖,HTML與JS代碼,成功上傳后,返回圖片真實地址并綁定到的SRC地址
代碼如下:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com