ajax 파일 비동기 업로드 및 파일 관련 정보 기능 예제 구현

본 고의 실례 는 aax 가 파일 의 비동기 업로드 와 파일 관련 정보 기능 을 실현 하 는 것 을 설명 한다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
파일 정보 업로드

<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 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,과 을 볼 수 있 습 니 다.
본 논문 에서 말 한 것 이 여러분 의 ajax 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기