首页 > 开发 > AJAX > 正文

ajax实现文件异步上传并回显文件相关信息功能示例

2024-09-01 08:31:05
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表