javascript tải tập tin : dưới đây là 3 ví dụ chính cho việc ghi tập tin và tải xuống bằng javascript. Đơn giản bạn có thể Tạo một thẻ neo liên kết trên trang HTML bình thường.
Hãy nói rằng bạn muốn tải xuống logo của Pakainfo.com – ví dụ tải tập tin javascript.
Tải Tập Tin Bằng JavaScript
Sử dụng Thuộc tính tải xuống trong HTML để Tải Xuống Tập Tin
<!DOCTYPE html>
<html>
<head>
<title>How to Download files Using JavaScript -www.pakainfo.com</title>
</head>
<body>
<a href="pakainfo.png" download="pakainfo">
<button type="button">Download</button>
</a>
</body>
</html>
Cách tải tập tin bằng JavaScript/jQuery ?
index.html
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
</head>
<body>
<h2>
Download File Using JavaScript/jQuery - www.pakainfo.com
</h2>
<h3>
For Downloading, Click on the below link. - download file javascript</h3>
<a id="downloaddoc" href="free-laravel-doc.html">
Free Downlaod - Laravel DOC
</a>
<script>
$(document).ready(function () {
$("#downloaddoc").click(function (e) {
e.preventDefault();
window.location.href
= "File/laraveldocuments.docx";
});
});
</script>
</body>
</html>
tải tập tin javascript
browser.downloads.download({url: "https://domain-name.org/pakainfo_logo.png"})
Cách tạo một tập tin và tạo tải xuống bằng Javascript trên Trình duyệt (mà không cần máy chủ)
Mã JavaScript
function download(filename, text) {
var downloadfile = document.createElement('a');
downloadfile.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
downloadfile.setAttribute('download', filename);
downloadfile.style.display = 'none';
document.body.appendChild(downloadfile);
downloadfile.click();
document.body.removeChild(downloadfile);
}
// Here you can Start file download.
download("welcome.txt","This is the content of my file :)");
Mã HTML
<textarea id="text-val" rows="4">This is the content of my file</textarea><br/>
<input type="button" id="dwn-btn" value="Download dinamically generated text file"/>
cách tải tập tin trong python
Ví dụ
import urllib.request
print('Beginning file download with urllib2...')
url = 'https://www.pakainfo.com/pakainfo_logo.jpg'
urllib.request.urlretrieve(url, '/Users/pakainfo/Downloads/pakainfo_log.jpg')
tải tập tin javascript
$('a#downlongbtn').attr({target: '_blank',
href : 'https://domain-name/docs/tamilrokers.pdf'});
cách đặt một biến trong js để làm tập tin tải xuống
var textToSave = 'Welcome To Pakainfo.com';
var hElmDataStore = document.createElement('a');
hElmDataStore.href = 'data:attachment/text,' + encodeURI(textToSave);
hElmDataStore.target = '_blank';
hElmDataStore.download = 'welcome_bonus.txt';
hElmDataStore.click();
Tải Tập Tin trong Phản Hồi AJAX (Thành công) bằng jQuery
Tạo một DOMString chứa URL đại diện cho đối tượng Blob. Hàm DownloadFile() được sử dụng để kích hoạt việc tải xuống tập tin từ JavaScript.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input type="button" value="Download PDF File" onclick="DownloadFile('welcome-bonus.pdf')" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript">
function DownloadFile(fileName) {
var url = "Files/" + fileName;
$.ajax({
url: url,
cache: false,
xhr: function () {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 2) {
if (xhr.status == 200) {
xhr.responseType = "blob";
} else {
xhr.responseType = "text";
}
}
};
return xhr;
},
success: function (data) {
var blob = new Blob([data], { type: "application/octetstream" });
var isIE = false || !!document.documentMode;
if (isIE) {
window.navigator.msSaveBlob(blob, fileName);
} else {
var url = window.URL || window.webkitURL;
link = url.createObjectURL(blob);
var a = $("<a />");
a.attr("download", fileName);
a.attr("href", link);
$("body").append(a);
a[0].click();
$("body").remove(a);
}
}
});
};
</script>
</body>
</html>
Hy vọng bạn có ý tưởng về ví dụ tải tập tin javascript.
- Bài đăng trên blog này ban đầu được đăng tại: https://www.pakainfo.com
