使用HTML5在不同位置下載文件

我使用HTML5從下面的代碼下載文件，您可以在JSBIN HTML5 Download File DEMO上看到活動中的實時行爲，並且其工作完美並以我的瀏覽器下載我的文件默認文件下載文件夾。使用HTML5在不同位置下載文件

<!DOCTYPE html> 
<html> 
</head>  
</head> 
<body> 
<table> 
    <tr><td>Text To Save:</td></tr> 
    <tr> 
     <td colspan="3"> 
      <textarea id="inputTextToSave" style="width:512px;height:256px"></textarea> 
     </td> 
    </tr> 
    <tr> 
     <td>Filename To Save As:</td> 
    <td><input id="inputFileNameToSaveAs"></td> 
     <td><button onclick="saveTextAsFile()"> Save Text To File </button></td> 
    </tr> 
    <tr> 
     <td>Select A File To Load:</td> 
     <td><input type="file" id="fileToLoad"></td> 
     <td><button onclick="loadFileAsText()">Load Selected File</button><td> 
    </tr> 
</table> 
<script type='text/javascript'> 
function saveTextAsFile() 
{ 
    var textToWrite = document.getElementById("inputTextToSave").value; 
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'}); 
    var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value; 

    var downloadLink = document.createElement("a"); 
    downloadLink.download = fileNameToSaveAs; 
    downloadLink.innerHTML = "Download File"; 
    if (window.webkitURL != null) 
    { 
     // Chrome allows the link to be clicked 
     // without actually adding it to the DOM. 
     downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob); 
    } 
    else 
    { 
     // Firefox requires the link to be added to the DOM 
     // before it can be clicked. 
     downloadLink.href = window.URL.createObjectURL(textFileAsBlob); 
     downloadLink.onclick = destroyClickedElement; 
     downloadLink.style.display = "none"; 
     document.body.appendChild(downloadLink); 
    } 
    downloadLink.click(); 
} 

function destroyClickedElement(event) 
{ 
    document.body.removeChild(event.target); 
} 

function loadFileAsText() 
{ 
    var fileToLoad = document.getElementById("fileToLoad").files[0]; 
    var fileReader = new FileReader(); 
    fileReader.onload = function(fileLoadedEvent) 
    { 
     var textFromFileLoaded = fileLoadedEvent.target.result; 
     document.getElementById("inputTextToSave").value = textFromFileLoaded; 
    }; 
    fileReader.readAsText(fileToLoad, "UTF-8"); 
} 
</script> 
</body> 
</html>

但我想下載它在不同的位置。就像我離線使用此代碼一樣，只需在我的index.html文件中使用上面的代碼即可。當我在我的瀏覽器中從file:///C:/Users/Public/Desktop/運行該文件時，它會下載該文件並將其保存在file:///C:/Users/Public/Downloads/。所以我想從它所稱的地方下載這個文件。爲此，我從下面的代碼中選擇路徑。它給我的路徑爲/C:/Users/Public/Desktop/，所以我想在這裏保存文件。無論我的這index.html文件將去，它將下載該文件並將其保存在index.html文件。這怎麼可能？

var url = window.location.pathname; 
var folderpath = url.substring(0,url.lastIndexOf('/')+1); 
alert(folderpath);

來源

2016-01-19 Muhammad Hassan

不可能，默認的下載位置是*主要操作系統中的*下載*目錄，用戶可以改變它，而不是你。 –

好的，這樣就可以在下載文件的時候在JavaScript變量中找到用戶擁有它的'Default DownLoad Folder'的目錄的路徑嗎？ –

你不能這樣做。 http://stackoverflow.com/a/9840961/2151050 –

它不可能，因爲這會帶來安全風險。人們對他們的文件夾結構使用相當真實的信息，並且本身訪問文件夾名稱會帶來直接的風險。如下所述：

Get browser download path with javascript

大多數操作系統傾向於只默認下載位置，這是後話了用戶決定通過他們使用的瀏覽器。不是網站。

來源

2016-01-19 07:42:00 Dandy

感謝您的明確答案... –

您可以做的是告訴用戶有關在瀏覽器中打開要求下載位置的可能性。 – Leo

使用HTML5在不同位置下載文件

回答

相關問題