时间:2021-05-28
本文实例讲述了ajax实现文件异步上传并回显文件相关信息功能。分享给大家供大家参考,具体如下:
上传文件的信息
<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程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
目前常用的异步文件上传功能有几种,比较多见的如使用iframe框架形式,ajax功能效果,以及flash+php功能,下面介绍ajax与iframe实现异步文件
大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:
bootstrapfileinput文件上传插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,完全没有理由
最近项目中要做一个带进度条的上传文件的功能,学习了Ajax,使用起来比较方便,将几个方法实现就行。前端引入文件Ajax进度条异步处理$(function(){$
本文实例为大家分享了php+ajax实现无刷新文件上传的具体代码,供大家参考,具体内容如下文件上传的表单格式AjaxFileUpload实现文件异步上传效果更好