Tải về nội dung trong textarea bằng jQuery

jQuery
ihoan đã viết 11 tháng trước

Bạn có thể sử dụng mã jQuery tải về nội dung trong textarea này để tạo ra các chức năng về download nội dung .text ở website.

Code tải về nội dung trong textarea

<textarea id="down" style="width:300px;height:100px"></textarea>
<button id="nut">Tải về<button>

Ở đây mình sử dụng textarea để cho phép người dùng nhập thử nội dung và tải về.

<script>
$("#nut").click(function() {
$("<a />", {
download: "demo-" + $.now() + ".text",
href: URL.createObjectURL(
new Blob([$("#down").val()], {
type: "text/plain"
}))
})
.appendTo("body")[0].click();
$(window).one("focus", function() {
$("a").last().remove()
})
})
</script>

Code jQuery sẽ thực hiện việc lấy thông tin trong value của textarea và tạo file txt để tải về.

935
Bài viết cùng chủ đề

Hiệu ứng Animated Number Counter bằng jQuery

Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường

jQuery tạo hiệu ứng chữ tự động nhảy ra như đang nhập liệu

Code jQuery thu gọn, mở rộng đoạn text

Tự động cập nhật nội dung cho div khi nhập văn bản vào textarea