檔案上傳一些事(ie8/9下提示下載json檔案)
一、通常的寫法
前端寫法:
uploader = new ptf.PUploader({
url: '<c:url value="/org/orgImportDo"/>',
browse_button: $("#browse_button")[0],
init: {
FileUploaded: function (uploader, file, res) {
var data = $.parseJSON(res.response);
if (data.success) {
//處理匯入成功
} else {
//處理匯入失敗
}
}
}
......以下省略.....
後端程式碼:
@ResponseBody
@RequestMapping(value = "/orgImportDo", method = RequestMethod.POST)
public AjaxResponse orgImportDo(PluploadFile pluploadFile, HttpServletRequest request) {
AjaxResponse ar = new AjaxResponse();
//具體的處理匯入邏輯...
return ar;
}
大部分瀏覽器都能正常使用,但是在IE8/9下則提示下載json格式資料。
IE10可以支援application/json格式的Response了,也就是說低於IE10版本一下的IE瀏覽器都需要使用text/html格式的Response。
二、改進
前端程式碼不變。
後端程式碼:
@RequestMapping(value = "/orgImportDo", method = RequestMethod.POST)
public void _org(PluploadFile pluploadFile, HttpServletRequest request, HttpServletResponse response)throws Exception{
AjaxResponse ar = new AjaxResponse();
//具體的處理匯入邏輯...
response.getWriter().write(JsonMapper.nonDefaultMapper().toJson(ar));
}
試測後,相容大部分瀏覽器(包括IE8/9)
相關推薦
檔案上傳一些事(ie8/9下提示下載json檔案)
一、通常的寫法 前端寫法: uploader = new ptf.PUploader({ url: '<c:url value="/org/orgImportDo"/>', browse_button: $("#browse_
Ajax(form表單檔案上傳、請求頭之contentType、Ajax傳遞json資料)
form表單檔案上傳 上菜 file_put.html <form action="" method="post" enctype="multipart/form-data"> {# 這裡必須要請求頭格式才能把上傳檔案的物件傳過去 enctype="multipart/form-
前端檔案上傳一整套流程(相容IE8,解決 input標籤必須主動點選等問題)
1.基本思路 在谷歌下以<input type=’file’/>為基本的條件,並且使他隱藏,通過點選提交按鈕被動觸發上傳檔案的事件,這裡不需要用到表單提交的相關問題,在js方面,使用formData,通過獲取<input type=”file”>標籤的files屬性,來獲
web開發excel檔案上傳及解析(上)
前言 在web開發的時候,我們經常有遇到檔案的上傳以及解析的需求,比如我們將excel檔案上傳並且解析,最後將解析的excel的內容插入到資料庫中,今天就實踐一下檔案的上傳以及excel的解析,這篇部落格主要是實踐檔案上傳功能,對應的excel檔案的解析,將在下一篇部落格實踐。 準備工作:
web開發excel檔案上傳及解析(下)
前言: 接著上一篇部落格檔案上傳,這一篇部落格實踐的是excel檔案的解析,通常我們會需要這樣的需求,就是讓使用者下載一個格式的模板,然後在模板中按照要求填寫資料,最後的就是將excel中的內容全部儲存到資料庫中,從而實現一種批量的上傳的作用,節省很多時間。 準備工作: 要實現excel
selenium+python實現檔案上傳的方法(1)
檔案上傳 上傳檔案是比較常見的web端操作,但是在selenium的webdriver中沒有專門用於上傳的方法,下面介紹send_keys上傳方式實現上傳檔案 首先建立一個html檔案,主要實現上傳功能 upload file 頁面長這個樣子(每個瀏覽器裡頁面可能長得不一樣):
c#將本地檔案上傳至伺服器(內網)
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; u
測試用例設計---上傳圖片、檔案匯出、檔案上傳、查詢(搜尋)
一、上傳圖片 1、對於上傳的圖片,假設系統要求上傳的格式為jpg或gif格式圖片,大小為<=某M的圖片 測試用例: (1)上傳圖片格式為jpg或gif的圖片,大小<=某M,成功上傳; (2)上傳圖片格式為jpg或gif的圖片,大小>某M,不能上傳;
layui框架檔案上傳 + TP3.2.3 檔案上傳後臺處理(php)
layui框架是1.0.9版本。。首先html頁面程式碼如下: <div class="layui-form-item" id="upload_file">
解決美化後的檔案上傳控制元件(type=file),IE和firefox不相容的問題
普通的file控制元件,在IE和firefox的表現會有所不同,為了美化上傳控制元件,通常會做一個text+button來替代file控制元件。 設定file控制元件完全透明,這樣在點選button的時候,其實就是點選隱藏的file控制元件的瀏覽,本來應該完
圖片上傳預覽(可根據自己得需要封裝元件)
話不多說,先上圖 實現簡單得多行多圖片上傳,可以選擇其中任意一個圖片當作你需要得預設圖傳到後臺,然後一次性提交 圖片上傳重要得也就兩個屬性:new FormData()和new FileReader() 程式碼: <template> <
.net大檔案上傳報錯問題,可以通過設定iis的檔案大小和config的大小
在 Win2008(iis 7.0)和Win2003(iis 6.0) 中,預設設定是特別嚴格和安全的,這樣可以最大限度地減少因以前太寬鬆的超時和限制而造成的攻擊。 指定 ASP 請求的實體主體中允許大小為 200,000 (IIS6為204,800) 個位元組,在 ii
Git的使用--如何將本地專案上傳到Github(兩種簡單、方便的方法)
將本地專案上傳到Github(兩種簡單、方便的方法) 一、第一種方法: 首先你需要一個github賬號,所有還沒有的話先去註冊吧! https://github.com/ 我們使用git需要先安裝git工具,這裡給出下載地址,下載後一路直
webuploader 檔案上傳外掛 IE8/9 檔案選擇不上傳
IE8/9下檔案上傳是採用flash模式,一直髮送http://xxx.xxx.xx.xx:8888/crossdomain.xml請求,狀態碼為404,原因是上傳檔案的伺服器未配置crossdomain.xml。flash模式跨域會先讀取根目錄下的crossdomai
前端檔案上傳方法 支援IE8(外掛和原生方法)
最近專案要支援excel上傳,主要要求:1、只能上傳excel,2、只能單檔案上傳。嘗試了幾個方法,如下 一、ajaxfileupload.js 這個用1.4以上版本會報handerError錯,網上找了幾個方法都沒有解決,顧放棄。 二、http://www.cnblogs
自定義上傳控件(兼容IE8)
lin 不同 而且 int 代碼 NPU 自定義 HA 過程 上傳控件是 <input type="file"/> 而實際開發過程中,都會自定義一個控件,因為這個控件本身難看,而且不同瀏覽器效果不一樣。 如IE8顯示如下: 谷歌瀏覽器顯示是這
Java框架-SpringMVC的應用(json資料互動、控制器方法返回值、檔案上傳)
1. 搭建SpringMVC開發環境 1.1 建立專案,新增依賴 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" x
C# 檔案上傳到七牛雲伺服器(一)
本章講述:C# 中呼叫七牛雲提供的SDK,實現檔案簡單上傳功能。 分片,斷點續上傳講解,請檢視:C# 檔案上傳到七牛雲伺服器(二) 地址為: 開發流程步驟地址:https://blog.csdn.net/BYH371256/article/details/79868562 1、把
相容ie8的多檔案上傳
在HTML5中,表單元素有一個新的屬性multiple,可實現多選功能。 <input type="file" multiple>這樣就可以實現多檔案上傳,但是此方法不相容ie8等低版本瀏覽器。所以專案中我使用的是百度的WebUpload外掛,此外掛在ie中底層使用flas
FastDFS的配置、部署與API使用解讀(8)FastDFS多種檔案上傳介面詳解
《Poechant的FastDFS的配置、部署與API使用教程》 FastDFS的配置、部署與API使用解讀——(1)入門使用教程 FastDFS的配置、部署與API使用解讀——(2)Java API:根據InputStream、檔名、檔案長度上傳檔案 FastDFS的配置、部署與API