ajax提交表單包括檔案
<script
src=”${pageContext.request.contextPath}/assets/js/jquery-1.8.3.js”></script>
<script type=”text/javascript”>
$(function() {
$(“#upload”).click(function() {
var formData = new FormData($(“#uploadForm”)[0]);
$.ajax({
url : “${pageContext.request.contextPath}/uploadoldimage”,
type : `POST`,
data : formData,
async : false,
cache : false,
contentType : false,
processData : false,
success : function(data) {
var obj = eval(`(` + data + `)`);
if (obj.status == `success`) {
alert(“上傳完成”);
$(“#posterShow”).attr(“src”,obj.imgurl);
$(“#posterShow”).css(“width”,”450px”);
$(“#posterShow”).css(“height”,”300px”);
$(“#showimg”).val(obj.imgurl);
}
},
error : function() {
alert(“網路異常”);
}
});
})
})
</script>
支援主流瀏覽器
非要用IE還是另尋他法吧
相關文章
- js表單檔案提交JS
- Ajax 提交表單資料
- 關於ajax提交表單,重複提交解決方法
- jquery ajax方式直接提交整個表單jQuery
- 使用ajax方式提交表單程式碼例項
- KindEditor:Ajax提交表單時獲取不到HTML內容HTML
- SpringMvc上傳圖片及表單提交(單檔案+實體類引數提交)SpringMVC
- 前端頁面上實現表單提交檔案上傳功能前端
- 織夢gbk版本ajax提交自定義表單亂碼
- **PHP分步表單提交思路(分頁表單提交)PHP
- django通過form和ajax提交表單資料和圖片DjangoORM
- C# exe上傳檔案和提交表單資料的方法C#
- php表單提交PHP
- javascript提交表單JavaScript
- form表單使用 btn submit-btn ajax-post方式提交問題。ORMMIT
- 巧妙利用 iframe,實現和 Ajax 一樣的非同步提交表單效果非同步
- 把HTML表單提交的資料轉化成XML檔案的補充 (轉)HTMLXML
- Laravel Ajax 提交更新Laravel
- jquery ajax 提交 FormDatajQueryORM
- jqm檔案上傳,上傳圖片,jqm的表單操作,jqm的ajax的使用,jqm檔案操作大全,檔案操作demo
- 20151223jquery學習筆記--Ajax表單提交jQuery筆記
- Ajax 下載檔案
- 輕鬆玩轉花樣表單表單提交(轉)
- PHP 防止表單重複提交PHP
- PHP表單提交方法彙總PHP
- java 表單避免重複提交?Java
- 專案分享七:客戶端防止表單重複提交客戶端
- el-upload上傳檔案和表單一起提交+後端接收程式碼後端
- Ajax 之檔案上傳
- jquery簡單ajax示例_讀取json檔案資料jQueryJSON
- post 表單大檔案上傳
- js如何阻止表單提交簡單介紹JS
- C# Post 模擬表單提交C#
- spring mvc 表單提交 亂碼SpringMVC
- Js提交表單的兩種方法JS
- Html form 表單提交前驗證HTMLORM
- java遠端提交表單問題Java
- jFinal避免表單重複提交