Heim  >  Artikel  >  Web-Frontend  >  Implementieren Sie Ajax Submit, um den Benutzer beim Hochladen von Dateien aufzufordern

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

php中世界最好的语言
php中世界最好的语言Original
2018-03-31 17:28:061450Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn