ajax實現(xiàn)文件異步上傳并回顯文件相關信息功能示例
更新時間:2018年06月25日 15:09:28 作者:一個小小小碼農
這篇文章主要介紹了ajax實現(xiàn)文件異步上傳并回顯文件相關信息功能,結合實例形式分析了基于jQuery $.ajax方法的文件異步上傳以及后臺java程序對文件信息的讀取與顯示相關操作技巧,需要的朋友可以參考下
本文實例講述了ajax實現(xiàn)文件異步上傳并回顯文件相關信息功能。分享給大家供大家參考,具體如下:
上傳文件的信息
<div class="form-group"> <div class="col-sm-4"> <label class="control-label">應用文件</label> </div> <div class="col-sm-8"> <input type="file" name="appFile" id="appFile"> <input type="submit" value="確認上傳" 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("上傳失??!"); } }); });
后臺處理:
@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];//版本號 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; }
更多關于ajax相關內容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結》、《JavaScript中ajax操作技巧總結》、《PHP+ajax技巧與應用小結》及《asp.net ajax技巧總結專題》
希望本文所述對大家ajax程序設計有所幫助。
相關文章
ajax、axios和fetch之間優(yōu)缺點重點對比總結
今天被問到用沒用過ajax axios,我回答經(jīng)常用axios,但ajax用的比較少,下面這篇文章主要給大家介紹了關于ajax、axios和fetch之間優(yōu)缺點重點對比總結的相關資料,需要的朋友可以參考下2022-12-12Ajax+php實現(xiàn)商品分類三級聯(lián)動
這篇文章主要介紹了Ajax+php實現(xiàn)商品分類三級聯(lián)動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08