js做文件下載（js生成文件並下載）

本文目錄一覽：

• 1、前端js實現數據寫csv文件，並下載
• 2、怎樣用JS實現文件下載功能，求函數，代碼
• 3、如何用js實現點擊按鈕下載文件
• 4、如何用JavaScript實現文件下載？

前端js實現數據寫csv文件，並下載

var data = [“1,2,3\n”,”4,5,6″] // 每一行數據為一個字符串，字符串用“,”隔開，並且在每一行加上換行符

var blob = new Blob(data, {type:”text/csv,charset=UTF-8″})

var csvUrl = URL.createObjectURL(blob)

var aEle = document.createElement(“a”)

aEle.download = “data.csv” //文件名隨意

aEle.href = csvUrl

aEle.click()

怎樣用JS實現文件下載功能，求函數，代碼

其實很簡單, 在這個方法裡面, 只要使用頁面跳轉, 將url指向文件地址, IE就會實現下載了

例如下載Upload 文件夾下的XX.doc,注意路徑要對

function download()

{

location.href=”../Upload/XX.doc”;

}

如何用js實現點擊按鈕下載文件

在按鈕上寫屬性 onclick=”函數名()” ，作用是綁定click事件

如

input type=”button” onclick=”Click()” value=”Download” /

然後在腳本處寫上對應的函數即可，在函數中跳轉到相應的文件路徑就行。如

function Click(){

    window.location.href=”文件的url地址”;

}

如何用JavaScript實現文件下載？

參考如下：

head runat=”server”

title文件下載/title

/head

script type=”text/javascript”

// 使用JS實現下載.jpg、.doc、.txt、.rar、.zip等文件的方法(參數 imgOrURL 為需要下載的圖片的URL地址)

// 使用該方法實現下載壓縮文件時會有網頁錯誤信息提示

// .doc、.rar、.zip 文件可以直接通過文件地址下載，

// 如：a href=”../Images/test.doc” 點擊下載文件/a a href=”../Images/test.zip” 點擊下載文件/a

function saveImageAs(imgOrURL) {

if (typeof imgOrURL == ‘object’)

imgOrURL = imgOrURL.src;

window.win = open (imgOrURL);

setTimeout(‘win.document.execCommand(“SaveAs”)’, 500);

}

// 使用JS實現下載.txt、.doc、.txt、.rar、.zip等文件的方法(參數 fileURL 為需要下載的圖片的URL地址)

// 使用該方法實現下載壓縮文件時不會有網頁錯誤信息，但是不能使用該方法下載.jpg圖片文件

// .doc、.rar、.zip 文件可以直接通過文件地址下載，

// 如：a href=”../Images/test.doc” 點擊下載文件/a a href=”../Images/test.zip” 點擊下載文件/a

function savetxt(fileURL){

var fileURL=window.open (fileURL,”_blank”,”height=0,width=0,toolbar=no,menubar=no,scrollbars=no,resizable=on,location=no,status=no”);

fileURL.document.execCommand(“SaveAs”);

fileURL.window.close();

fileURL.close();

}

// 功能類似savetxt方法，但是下載時初始文件名為code.txt，而不是跟目標文件名相同

function svcode(obj) {

var winname = window.open(”, ‘_blank’, ‘height=1,width=1,top=200,left=300’);

winname.document.open(‘text/html’, ‘replace’);

winname.document.writeln(obj.value);

winname.document.execCommand(‘saveas’,”,’code.txt’);

winname.close();

}

/script

body

div

br /

a href=”javascript: void 0″ onclick=”savetxt(‘../Images/test.txt’); return false”點擊下載文件/a

br /br /

a href=”javascript:savetxt(‘../Images/test.txt’)” 點擊下載文件/a

br /br /

!– .doc、.rar、.zip 文件可以直接通過文件所在地址下載 —

a href=”../Images/test.doc” 點擊下載文件/a

br /br /

a href=”../Images/test.zip” 點擊下載文件/a

/div

/body