[問題] 載入html檔到網頁內

作者: phenombox (鎖尼)   2014-05-29 22:23:37
A網頁是欲載入的網頁
B網頁是我目前做的網頁
請問要如何將html檔透過<input type="file">選取檔案的方式
將一個A網頁(html)的內容載入B網頁內容呢
我原本用
<input id="file" type="file" name="file" onClick="myFunction()" />
<br />
<button onclick="loadAction()">載入</button>
<script>
var x
function myFunction()
{
x = document.getElementById("file");
}
function loadAction()
{
alert(x.value);
$('#page2').load(x.value,function(response) {$('#page2').text(response); });
$('#page').load(x.value);
}
</script>
jQuery的load後面如果打上路徑可以讀取檔案,
不過用input的方式,將選取的檔案以x表示
可以再alert看到x.value,也就是絕對位子的路徑
但是貼到load怎麼樣都讀不到,請問各位可以怎解決呢?
謝謝
作者: alog (A肉哥)   2014-05-29 22:25:00
security 層面的問題
作者: banjmin (HD)   2014-05-29 22:26:00
CROS的問題 server side要寫Access-Control-Allow-Origin的header
作者: alog (A肉哥)   2014-05-30 11:14:00
browser對於input物件權限給很低 不可能直接讀取本機的內容否則駭客可以透過類似方式來讀取電腦的內容
作者: gtr99 (GTR)   2014-05-31 02:22:00
變通一下先做非同步上傳再load回來
作者: mmis1000 (秋月戀楓)   2014-05-31 02:29:00
html5 的 filesystem好像能做到

Links booklink

Contact Us: admin [ a t ] ucptt.com