1. 程式人生 > >檔案上傳C:\fakepath\解決方案

檔案上傳C:\fakepath\解決方案

在檔案上傳中,如果想實現本地圖片上傳前預覽,通常在設定一個隱藏的Img來顯示圖片。選擇圖片沒有顯示,輸出了一下路徑發現是C:\fakepath\xxx.xx

出現這個的原因是因為IE8以上版本出於安全考慮,掩蓋了使用者上傳的本地路徑,就用C:\fakepath\來代替了本地路徑。

解決方案:

1.設定IE:工具 -> Internet選項 -> 安全 -> 自定義級別 -> 找到“其他”中的“將本地檔案上載至伺服器時包含本地目錄路徑”,選中“啟用”即可

2.利用js程式碼:

function getFilePath(input){
	if(input){//input是<input type="file">Dom物件
		if(window.navigator.userAgent.indexOf("MSIE")>=1){  //如果是IE  
	        input.select();    
	      return document.selection.createRange().text;    
	    }    
	    else if(window.navigator.userAgent.indexOf("Firefox")>=1){  //如果是火狐  {    
	        if(input.files){    
	        	return input.files.item(0).getAsDataURL();    
	        }    
	      	return input.value;    
	    }    
	    return input.value; 
	}
}


相關推薦

檔案C:\fakepath\解決方案

在檔案上傳中,如果想實現本地圖片上傳前預覽,通常在設定一個隱藏的Img來顯示圖片。選擇圖片沒有顯示,輸出了一下路徑發現是C:\fakepath\xxx.xx 出現這個的原因是因為IE8以上版本出於安全

解決本地檔案時fakepath的問題

$("input[type='file']").on('change', function () { var oFReader = new FileReader(); var file = document.getElementById('input-file').files[0];

WEB版一次選擇多個檔案進行批量(swfupload)的解決方案

功能完全支援ie和firefox瀏覽器!       一般的WEB方式檔案上傳只能使用FileUpload控制元件進行一個檔案一個檔案的進行上傳,就算是批量上傳,也要把檔案一個一個的新增到頁面,無法如windows程式一樣,一次選擇多個檔案進行批量上傳。這樣在某些應用上就

C# ftp 檔名中包含#號導致檔名缺失解決方案

問題:ftp 上傳檔名中如果包含#號會導致上傳到伺服器上的檔名缺失?   解決方案:將檔名用 HttpUtility.UrlEncode(‘檔名’)後正常,需要引用System.Web名稱空間 /// <summary> /

WEB版一次選擇多個檔案進行批量(Plupload)的解決方案

/// <summary> /// uploadFiles 的摘要說明 /// </summary> public class uploadFiles : IHttpHandler { public void Process

js獲取檔案路徑(解決出現fakepath的問題)

上傳檔案時,有時候需要獲取檔案路徑,但是瀏覽器安全機制,使得路徑被fakepath代替,獲取不到 下面的程式碼解決這個問題,支援Chrome,其它瀏覽器沒測試,用的時候注意 程式碼 <!DOCT

WEB版一次選擇多個檔案進行批量(WebUploader)的解決方案

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebUploaderFileByBaidu2.aspx.cs" Inherits="WebApplication1.WebUploaderFileByBaidu2" %> <

Google Play包失敗-------解決方案

場景 app打包完成之後,經過第三方的處理後,上傳Google Play,結果上傳失敗了 錯誤提示 上傳失敗 您上傳的 APK 沒有經過 Zipalign 處理,請對 APK 執行 Zipalign 工具,然後重新上傳 解決方案   開啟終端,切換到一

適用於React的富文字編輯器 -- react-umedito 圖片本地伺服器解決方案

react-umeditor,這是liuhong1happy同學將百度富文字編輯器用react封裝的一個元件。 安裝:npm install react-umeditor –save 使用:reac

Office2010 PowerPoint如何視訊的解決方案

本人在寫實訓專案總結材料時遇到了一個難題,即將視訊匯入PPT中遇到下面問題: 根據幫助中的解決方案,有兩種 一種是上傳檔案到網路(騰訊,優酷,YouTube)等,然後利用超連結進行連線。缺點,需要聯網,而且騰訊優酷上傳需要身份驗證太麻煩,YouTube需要翻牆,推薦大檔案使用此

spring實現檔案和下載 完整方案

1. 簡介 提供基於spring實現檔案(筆記附件)的上傳和下載的完整方案。方案將檔案上傳,並將檔名稱作為欄位與關聯的筆記繫結在一起,更新筆記在資料庫中的記錄。顯示筆記時,根據筆記所繫結的檔名生成下載

dedecms 自定義模型中圖片欄位無法選擇及無法問題的解決方案

1. 自定義欄位圖片上傳無法點選選擇的問題解決方法(include/uploadsafe.inc.php) 541行:onClick=\"SelectImage('form1.$fieldname','big')\" />\r\n"; 更改為:onClick=\"Se

關於Struts2+spring+maven中使用百度UEditor編輯器顯示未找到資料的解決方案

首先上個圖,看看你的是不是這個問題:如果是請繼續往下看,不要急,急了就會浪費更多的時間,這是我在解決這個為題中學到的。 解決思路是,重寫struts2中的一個轉換的類,然後配置struts2使用我們重寫的這個類。 我在網上找了一段程式碼 即增加建立一個過濾器,用來過濾ue

經測試能用springmvc的檔案下載並解決ie8檔案後提示下載

這兩天領導讓寫一個檔案上傳下載的功能,由於是新手,忙了一天查資料,終於搞定了,經過測試了,給各位看一下,共同學習 一、先寫測試好的上傳功能 首先是實體類 @Data public class FileUpload { private byte[] bytes; //

NodeMCU教程 http.get請求及中文亂碼解決方案

這是練英語寫作的,中文在下面。 1、Connect Wifi Before we make a http-get request, connecting Wifi must be done.The demo gave by official website is as Co

spring實現檔案和下載完整方案

1. 簡介 提供基於spring實現檔案(筆記附件)的上傳和下載的完整方案。方案將檔案上傳,並將檔名稱作為欄位與關聯的筆記繫結在一起,更新筆記在資料庫中的記錄。顯示筆記時,根據筆記所繫結的檔名生成下載路徑,提交給服務端完成下載。 2. 檔案上傳 2. 1 前端 在html中插入一個表單用於提交檔案 &

spring-cloud-zuul檔案中文名亂碼解決過程

       由於專案中用到了zuul作為閘道器,所有的請求都要經過zuul轉發,因此上傳請求也被代理了。經過辛辛苦苦的敲程式碼,終於完成了功能開發,上傳非中文名的檔案一切都很完美,可是到了中文檔名時,檔案伺服器收到的請求裡面中文名全部變成了 ‘?’ ,我也是有很多疑問了,同

chrome檔案 /獲取檔案路徑c:/fakepath的解決辦法

jsp頁面 <td style="text-align: left;padding-left: 20px;"> <img name="image" id="myimage" src="" style="width: 80px;height: 10

【問題解決方案】原生代碼檔案到GitHub裡中文亂碼問題

剛剛學完Git並試著上傳了我的化石Java程式碼到遠端庫,表面一切和諧,然而。。 真讓人大驚失色。。 step1-檢查瀏覽器是否是utf-8(谷歌預設是) step2-在本地編輯器設定 (按理說,notepad好像可以,但是畢老師用的editplus,我強迫症要保持一致。。) 此處說一下edit

Java中實現檔案下載的三種解決方案

第一點:Java程式碼實現檔案上傳   FormFile file=manform.getFile();    String newfileName = null;   String newpathname=null;   String fileAddre="/numU