ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能示例
本文實(shí)例講述了ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能。分享給大家供大家參考,具體如下:
上傳文件的信息
<div class="form-group"> <div class="col-sm-4"> <label class="control-label">應(yīng)用文件</label> </div> <div class="col-sm-8"> <input type="file" name="appFile" id="appFile"> <input type="submit" value="確認(rèn)上傳" id="subm"> </div>
ajax提交
$("#subm").click(function(){ var formData = new FormData(); formData.append("appFile", document.getElementById("appFile").files[0]); alert("8888888888888888888888888"); $.ajax({ url: '${ctx}/appresources/fileUpload.shtml', type: "POST", data: formData, dataType: "json", contentType: false, processData: false, success: function (data) { alert("上傳成功"); $("#versionCode").val(data.versionCode); $("#appVersion").val(data.appVersion); $("#appPackageName").val(data.appPackageName); }, error: function () { alert("上傳失??!"); } }); });
后臺(tái)處理:
@ResponseBody @RequestMapping("fileUpload") public JSONObject fileUpload(MultipartFile appFile,Model model,HttpServletRequest request,HttpServletResponse response) { ServletContext //........................省略 String infos=ApkUtil.getApkInfo(needPath+"source"+File.separator+"apk"+File.separator+fileName); String[] info=infos.split(","); String versionCode=info[0];//版本號(hào) String versionName=info[1];//版本名 String packageName=info[2];//包名 String appName=fileName; AppResourcesFormMap appResourcesFormMap = getFormMap(AppResourcesFormMap.class); appResourcesFormMap.put("appName",fileName); appResourcesFormMap.put("appVersion",versionName); appResourcesFormMap.put("appPackageName",packageName); appResourcesFormMap.put("versionCode", versionCode); System.out.println(appResourcesFormMap); //model.addAttribute("appresources", appResourcesFormMap); JSONObject fromObject = JSONObject.fromObject(appResourcesFormMap); //String string = fromObject.toString(); return fromObject; }
更多關(guān)于ajax相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結(jié)》、《JavaScript中ajax操作技巧總結(jié)》、《PHP+ajax技巧與應(yīng)用小結(jié)》及《asp.net ajax技巧總結(jié)專題》
希望本文所述對(duì)大家ajax程序設(shè)計(jì)有所幫助。
相關(guān)文章
Ajax中通過(guò)JS代碼自動(dòng)獲取表單元素值的示例代碼
如果表單元素不多的情況我們常常會(huì)通過(guò)GET方式來(lái)獲取表單元素值,但如果表單元素非常多,此時(shí)就需要用POST方式來(lái)獲取表單元素值,那么如何來(lái)獲取表單元素值呢2014-09-09ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)
今天被問(wèn)到用沒用過(guò)ajax axios,我回答經(jīng)常用axios,但ajax用的比較少,下面這篇文章主要給大家介紹了關(guān)于ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)的相關(guān)資料,需要的朋友可以參考下2022-12-12Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng)
這篇文章主要介紹了Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08Ajax使用異步對(duì)象發(fā)送請(qǐng)求方案詳解
Ajax的原理是通過(guò)XmlHttpRequest對(duì)象來(lái)向服務(wù)器發(fā)異步請(qǐng)求,從服務(wù)器獲得數(shù)據(jù),然后用JavaScript來(lái)操作DOM而更新頁(yè)面,這篇文章主要介紹了Ajax使用異步對(duì)象發(fā)送請(qǐng)求簡(jiǎn)介,需要的朋友可以參考下2024-04-04