請問,document.getElementById("preview").innerHTML = "<img src='" + str + "'/>";預覽時,圖片顯示不了?
請問,document.getElementById("preview").innerHTML = "<img src='" + str + "'/>";預覽時,圖片顯示不了?
var str = $(obj).val();
alert(str)輸出的路徑怎么會和input標簽中的不一樣,全都是c:/fakepath/1.jpg?
不知道怎么解決?
2015-01-01
不同瀏覽器處理方法不一樣,你試一下用下面這個函數:
function getFileUrl(sourceId) {
var url;
if (navigator.userAgent.indexOf("MSIE")>=1) { // IE
url = document.getElementById(sourceId).value;
} else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox
url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
} else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome
url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
}
return url;
}
2015-01-04
小帥虎,您好:
圖片預覽的時候,無法正確取得圖片路徑,這是因為瀏覽器安全性限制導致(高版本IE估計都存在),
可以在工具 -> Internet選項 -> 安全 -> 自定義級別 -> 找到“其他”中的“將本地文件上載至服務器時包含本地目錄路徑”,選中“啟用”即可。
暫時未發(fā)現(xiàn)不同瀏覽器版本的解決辦法,?像這樣的問題可以在圖片上傳成功后,頁面通過相對路徑顯示已在服務器端上傳成功的圖片。
2016-11-21
jqery 版 $("#showPhoto").attr("src","images/"+$("#myFile").val());
js版 document.getElementById("showPic").innerHTML = "<img src= 'images/"+imgPath+"'/>";
2016-05-10
拉倒吧,說的一堆都是沒用的,一個好使的都沒有。也不知道在那講什么東西,瀏覽器都執(zhí)行不出來
2015-09-05
獲取不到本地的文件地址,無法完成文件的預覽和上傳,chrom顯示c:filepath\.. firefox直接就給個文件名,沒有文件路徑,目前沒找到辦法處理。糾結。。。
2015-03-03
獲取不到本地的文件地址,無法完成文件的預覽和上傳,chrom顯示c:filepath\.. firefox直接就給個文件名,沒有文件路徑,目前沒找到辦法處理。糾結。。。
2015-01-03
這是各個瀏覽器自身的安全設置導致的,隱藏了文件原始上傳路徑.
我只發(fā)現(xiàn)了比較繁瑣的針對不同看瀏覽器的js代碼,好像沒有一種通用的解決辦法