1. 程式人生 > >檔案上傳一些事(ie8/9下提示下載json檔案)

檔案上傳一些事(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_

Ajaxform表單檔案、請求頭之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使用解讀8FastDFS多種檔案介面詳解

《Poechant的FastDFS的配置、部署與API使用教程》 FastDFS的配置、部署與API使用解讀——(1)入門使用教程 FastDFS的配置、部署與API使用解讀——(2)Java API:根據InputStream、檔名、檔案長度上傳檔案 FastDFS的配置、部署與API