主页 > 知识库 > ajax实现文件异步上传并回显文件相关信息功能示例

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

热门标签:销售电销机器人诈骗 大学校门地图标注 福建微码电话机器人 提高电话机器人接通率 平凉高德地图标注商户要收费吗 外呼系统api对接 地图标注与公司业务关系 广西智能外呼系统多少钱 荆州智能电销机器人

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

您可能感兴趣的文章:
  • ajax实现异步文件或图片上传功能
  • ajax图片上传,图片异步上传,更新实例
  • ajax 异步上传带进度条视频并提取缩略图
  • Ajax异步文件上传与NodeJS express服务端处理
  • Ajax异步上传文件实例代码分享
  • jquery中的ajax异步上传
  • Ajax表单异步上传文件实例代码(包括文件域)
  • 表单上传功能实现 ajax文件异步上传
  • ajax异步实现文件分片上传实例代码

标签:邯郸 黔东 乐山 娄底 衡阳 德阳 海南 内江

巨人网络通讯声明:本文标题《ajax实现文件异步上传并回显文件相关信息功能示例》,本文关键词  ajax,实现,文件,异步,上传,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《ajax实现文件异步上传并回显文件相关信息功能示例》相关的同类信息!
  • 本页收集关于ajax实现文件异步上传并回显文件相关信息功能示例的相关信息资讯供网民参考!
  • 推荐文章