Implementieren Sie Ajax Submit, um den Benutzer beim Hochladen von Dateien aufzufordern

Dieses Mal werde ich Ihnen vorstellen, wie Sie Ajax Submit implementieren, um den Benutzer beim Hochladen von Dateien aufzufordern. Das Folgende ist ein praktischer Fall ein Blick.

springmvc backend:

@RequestMapping(value="scoreFileUpload",produces = "text/html; charset=utf-8") 
  @ResponseBody 
  public String upload(HttpSession session,@RequestParam("file1") MultipartFile file,@RequestParam("paperId") String paperId,HttpServletRequest request) { 
  //获取登录人员的id 
  Integer userId = (Integer) session.getAttribute(BaseConstant.SESSION_UERID_KEY); 
  JSONObject json = new JSONObject(); 
  if (request instanceof MultipartHttpServletRequest) { 
    //获取上传文件的文件名 
      String fileName = file.getOriginalFilename(); 
      String subfix = FileUtils.getFileExtend(fileName); 
    } 
return ""; 
  }

js: end

Wenn der zurückgegebene Typ json ist, Dies Das Problem tritt nur im IE auf, ist aber in Chrome und Firefox normal. Um das Problem zu lösen, kann nur Text/HTML zurückgegeben werden.

$('#fileForm').submit(function() { 
    var _businessDetailId = $("#businessDetailId").val(); 
    var _paperId = $("#paperId").val(); 
    var url = "scoreFileUpload?paperId="+_paperId+"&businessDetailId="+_businessDetailId; 
    var optionss = {  
         dataType:"text/html",  
         type:'post',  
         url: url,  
      //  beforeSubmit:showRequest,  
         complete:showResponse, 
         clearForm:false, 
        timeout:  3000000  
    }; 
    //提交表单 
    $(this).ajaxSubmit(optionss); 
    // !!! Important !!! 
    // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false 
    return false; 
  });<pre name="code" class="javascript">function showResponse(data) { 
  data = JSON.parse(data.responseText); 
  if(data.type != null) { 
  } 
}

Der vom Backend zurückgegebene Typ kann nicht JSON sein, sondern Text/HTML. Anschließend wird der zurückgegebene

Typ
in einen JSON-Typ konvertiert. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Ajax+Spring zum Implementieren des Datei-Uploads

So verwenden Sie Ajax zum dynamischen Laden von Daten

Das obige ist der detaillierte Inhalt vonImplementieren Sie Ajax Submit, um den Benutzer beim Hochladen von Dateien aufzufordern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!