前端如何提交文件,不使用form表單提交方式提交文件,JS提交文件

前端使用Ajax傳值方式:

	<body>
		<input type="file" id="importFile"/>
		<input type="button" id="import-submit" value="提交導入文件"/>
	</body>
	 <script type="text/javascript">
        	$('#import-submit').click(function () {
		      	var formData = new FormData();
		        var name = $("#importFile").val();
		        formData.append('file', $("#importFile")[0].files[0]);
		         // 此處可傳入多個參數
		        formData.append('name', name);
		        $.ajax({
				  url:  '/collar/import',
				  type: 'post',
				  async: false,
				  data: formData,
				  processData: false,// 告訴jQuery不要去處理髮送的數據
				  contentType: false,// 告訴jQuery不要去設置Content-Type請求頭
				  beforeSend: function () {//過程...
				      console.log('正在進行,請稍候')
				  },
				  success: function (res) {
				      if (+res === '01') {
					  		console.log('導入成功')
					  } else {
					      console.log('導入失敗')
					  }
				   },
				   error:function(){
				   		console.log('導入失敗')
				   }
				})
			})
		</script>

後端:

	@RequestMapping("/import")
	public void export(VivoIMEIUp zipRequest, @RequestParam("file") MultipartFile file,
		 HttpServletRequest request, HttpServletResponse response) {
		//通過file.getInputStream();處理
	}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章