Maison >interface Web >js tutoriel >Implémentez Ajax Submit pour inviter l'utilisateur lors du téléchargement de fichiers
Cette fois, je vais vous présenter comment implémenter Ajax Submit pour inviter l'utilisateur lors du téléchargement de fichiers. Quelles sont les précautions pour inviter l'utilisateur lors du téléchargement de fichiers. Ce qui suit est un cas pratique. un regard.
backend springmvc :
@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
$('#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) { } }
Si le type renvoyé est json, ceci le problème ne se produit que dans IE, mais est normal dans Chrome et Firefox. Pour résoudre le problème, seul le texte/html peut être renvoyé.
Le type renvoyé par le backend ne peut pas être json, mais text/html, puis convertissez le type renvoyé en type json.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Ajax+Spring pour implémenter le téléchargement de fichiers
Comment utiliser Ajax pour charger dynamiquement des données
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!