1. 程式人生 > >IE input file隱藏不能上傳檔案解決方法

IE input file隱藏不能上傳檔案解決方法

轉載至:http://www.qttc.net/201305334.html

又是IE的一個問題,近來是跟IE瀏覽器磕上了,這個問題發現不少人也遇到過,實在蛋疼。但今天這個不能算是一個bug,因為IE可能是從安全形度上考慮結果導致的。一步步來解讀。

普通上傳例子

首先普通的檔案上傳呢,很簡單,前端程式碼:

1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html> <html> <head
> <meta charset="utf-8" /> <title>file標籤隱藏</title> </head> <body> <form action= method="post" enctype="multipart/form-data"> <input onchange="document.forms[0].submit();" type="file" name="file" /> </form> </
body> </html>

upload.php程式碼:

1 2 3 echo '<pre>'; print_r($_FILES["file"]); echo '</pre>';

其實就是列印獲取到的檔案資訊。我們測試一下,選擇檔案後,提交到PHP頁面結果如下:

相關推薦

ie8及其以下版本相容性問題之input file隱藏檔案

檔案上傳時,預設的file標籤很難看,而且每個瀏覽器下都有很大差距。因此我們基本都把真正的file標籤給隱藏,然後建立一個標籤來替代它。但是由於IE出於安全方面的考慮上傳檔案時必須點選file的瀏覽按鈕選擇檔案才可以把檔案上傳上去。此時我們可以將file inp

IE input file隱藏不能檔案解決方法

轉載至:http://www.qttc.net/201305334.html 又是IE的一個問題,近來是跟IE瀏覽器磕上了,這個問題發現不少人也遇到過,實在蛋疼。但今天這個不能算是一個bug,因為IE可能是從安全形度上考慮結果導致的。一步步來解讀。 普通上

Input type="file"檔案change事件只觸發一次解決方案

一、剛開始用法 $(function () { $("#file").change(excelUpload); }) excelUpload()函式內部就是提示是否確認上傳動作,一開始這樣寫只有在第一次選擇上傳檔案的時候觸發了excelUpload函式,顯然這樣是不行的。後來網上有人說快

jquery判斷 input type="file"檔案是否為空

要想獲取type="file"的input內容,用var file = $("id").val();肯定是不行的,下面是程式碼: html上傳按鈕為: <input type="file" id="reportXML" name="reportXML"

input[type=file] 獲取檔案的內容

上程式碼: <input type="file" name="file" id="fileUpload"> jquery: $("#fileUpload").change(function () { console.log($("#fileUp

[置頂]關於使用input type=file 標籤檔案的注意細節(檔案 無法獲取檔案 問題)

首先確定服務端使用的是C#。其他語言我沒測試 第一、建立一個form,就像這樣 <form method="post" enctype="multipart/form-data" action=

input file 重複同一張圖片失效的解決辦法

專案中遇到上傳圖片,需要本地預覽效果,測試時無意間發現,當選擇A圖片,然後更換為B圖片,完全正常;當選擇A圖片,取消該圖片,再測選擇A圖片後,發現不會再生成預覽效果,出現了bug;查詢相關資料後,終於找到了兩個解決辦法;方法一:來回切換input[type='file']的t

MultipartFile 動態決定是否檔案,解決檔案報錯

controller 接收引數   用 HttpServletRequest 代替 @RequestParam()  接收引數   picFile 前臺 傳檔案的引數名字  ,   這樣 前段 傳 null  就可以

Dubbo服務 檔案解決方案以及Hessian協議

協議支援 Dubbo支援多種協議,如下所示: Dubbo協議 Hessian協議 HTTP協議 RMI協議 WebService協議 Thrift協議 Memcached協議 Redis協議 在通訊過程中,不同的服務等級一般對應著不同的服務質量,那麼選擇合適

Angularjs ng-file-upload檔案

ng-file-upload angular-file-upload 是一款輕量級的 AngularJS 檔案上傳工具,為不支援瀏覽器的 FileAPI polyfill 設計,使用 HTML5 直接進行檔案上傳。 特性 支援上傳進度,在上傳的時候,可以取消或者中止

input file 方式圖片並實現實時預覽

用普通的html的 <input type="file"/> 標籤是不能實現實時預覽功能的,獲取表單的值可以得到圖片所在路徑:C:\fakepath\test.png,如果將它直接賦值給img標籤的href屬性,會報錯:Not allowed to load lo

Android WebView嵌入H5之file頭像檔案,適配所有版本

 最近公司需要開發新的專案,為了節省時間成本,要求整體嵌入H5介面。對,沒看錯是整體嵌入,心中一萬隻草泥馬奔騰,沒辦法大佬就是大佬,還是的照做。 今天來說說h5上傳頭像的問題吧。網上有很多的解決方案,開始我覺得好像很簡單,都有成功案例,等把程式碼copy下來,發現並不能執

HTML5 input file 圖片,壓縮,,預覽

 <input type="file" id="textfile" accept="image/*"/>上傳 <div class="upP_img1"></div>預覽框 $('#textfile').on('change', fun

IE9 IE10 無法檔案 解決方案

IE9和IE10都無法上傳,這是由於IE瀏覽器的版本升級問題。修改方法如下:if(window.ActiveXObject) {      var io = document.createElement('<iframe id="' + frameId + '" na

input file 實現預覽圖片,以base64,相容IE8+,firefox,chrome

前言 最近在公司開發一個專案,其中涉及到一個公能,主要是上傳一些小圖片,而且在網站上需要大量引用這個小圖片的,對於上傳一些小的頭像等。一開始覺得直接上傳就好了,但是發現這樣子的話,一個小圖片就會發送一個http請求資源,大量的小圖片的請求資源的話,會造成伺服器資源的負擔。而

ueditor1.4.3jsp版在圖片報"未找到檔案"解決方案

這是因為struts2的過濾器,解決方法是自定義一個過濾器 新建一個過濾器的類,程式碼: package com.filter; import java.io.IOException; import javax.servlet.FilterCh

Shell 程式設計用CURL 模擬POST 檔案 解決417 Expectation

話不多說直接拋程式碼 curl -H "Expect:" -F "passport=monitor_134" -F "[email protected]/root/monitor/result/mid_1_rule_1.txt" http://192.168.1

相容ie跟谷歌檔案

使用到了ajaxfileupload.js外掛,但是在ie瀏覽器內遇到了問題,點選按鈕觸發file的點選事件在谷歌瀏覽器內是沒有問題的,但是到了ie瀏覽器點選以後事件完全沒有執行。最後發現ie的瀏覽器

JS input file圖片預覽效果

首先,可以先了解file 和FileReader 的API,在選取一個或者多個檔案之後,訪問到代表了所選檔案的一個或多個File物件,這些物件被包含在一個FileList物件中。所有type屬性(at

uploadify檔案Firefox瀏覽器失敗解決方法

最近做檔案上傳使用到了uploadify 但是出現了各種奇葩的問題,而且針對各個不同瀏覽器問題不同 在Firefox中,很坑爹的是,每次上傳就丟失session值,但是我的系統在登入,儲存檔案目錄等處使用了session,結果session值為null; 花了大半天的時間除