programming html

Hướng dẫn how to save textbox value in text file in html - cách lưu giá trị hộp văn bản trong tệp văn bản trong html

Tôi có tệp form.html [html/javaScript] trên máy chủ lưu trữ từ xa [host-a] chạy máy chủ web apache httpd.

Tất cả người dùng cuối truy cập vào tệp HTML trên các trình duyệt của hệ thống máy tính xách tay tương ứng của họ bằng cách sử dụng URL này

//host-A/form.html

Họ nhận được một hộp văn bản nơi họ có thể điền bất kỳ dữ liệu nào họ thích.

Yêu cầu của tôi là khi họ nhấp vào Gửi nút, dữ liệu từ hộp văn bản sẽ được lưu trữ trên máy chủ-A trong một tên tệp nhất định nói "userData.txt" tại một đường dẫn nhất định nói "/usr/dump/userdata.txt"

Tôi đã thấy nhiều ví dụ trong đó tệp có dữ liệu được cung cấp để tải xuống trên máy khách truy cập vào URL chứ không phải của máy chủ-một nơi máy chủ web đang chạy. Tuy nhiên, đó không phải là yêu cầu của tôi.

JavaScript: Lưu dữ liệu HTML Form và Hộp kiểm vào tệp .txt mà không có máy chủ?

Vui lòng chia sẻ giải pháp Snippet mẫu trong đó giá trị hộp văn bản có thể được lưu trữ trên máy chủ lưu trữ-A trong đường dẫn tệp được xác định trước "/USR

$ [function [] {.

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

1 tháng sau...
.
$ [function [] {.

$ ["#btnshow"]. Nhấp [function [] {.

Trong HTML chỉ là một hộp văn bản có nút ENTER và sau đó nó lưu hộp văn bản vào một tệp cục bộ.

Tôi đã cố gắng làm điều này nhưng không có gì tôi tìm thấy tác phẩm và tôi không hiểu nhiều. Tôi chỉ biết bạn cần JavaScript. [Byarlant]: Ryzen 7 3800XT | Asus B350-F Strix | EK 240mm Basic AIO | 16GB G.Skill DDR4 3200MT/s CAS-14 | XFX RX 5600 XT THICC II | Samsung 960 PRO 512GB / Samsung 970 EVO 500GB / Crucial MX500 2TB / Crucial MX500 500GB / WD White 7200RPM 8TB | Corsair RM750X | Mellanox ConnectX-3 10G NIC | Hyte Y60 Case | Dell U3415W Monitor | Microsoft Modern Keyboard

Tôi nghĩ rằng vì lý do bảo mật, bạn không thể tạo các tệp cục bộ theo chương trình trong JS. [Veda]: Xeon E3-1241v3 | Supermicro X10SLL-F | Corsair H60 | 32GB Micron DDR3L ECC 1600MHz | 4x 10TB WD Whites / 4x 14TB Seagate Exos / 2x 1TB HGST 2.5" / 1x Samsung PM961 128GB SSD / 1x Kingston 16GB SSD | Seasonic Prime Fanless 500W | Mellanox ConnectX-3 10G NIC | LSI 9207-8i LBA | Fractal Design Node 804 Case [side panels swapped to show off drives]

Máy tính xách tay [tường thuật]: & nbsp; Lenovo Flex 5 & nbsp; 81x20005us | Ryzen 5 4500U | RAM 16GB [hàn] | Đồ họa Vega 6 | Skhynix p31 1tb & nbsp; NVME SSD | Intel AX200 WiFi [Máy tuyệt vời xung quanh] Google Fiber Webpass [500/500] > Unifi Security Gateway [Office] > Unifi Switch 8 60W [Office] > Unifi Switch Lite [Closet] > Unifi Switch Lite [Bedroom] + Unifi Switch 8 [Media Center] > Unifi UAP-nanoHD

Máy chủ Truenas [Veda]: & NBSP; Xeon E3-1241V3 | Supermicro X10Sll-F | Corsair H60 | 32GB micron DDR3L ECC 1600MHz | 4X 10TB WD Whites / 4x 14TB Seagate Exos / 2x 1TB HGST 2,5 " / 1X Samsung PM961 128GB SSD / 1X KINGSTON 16GB SSD | & NBSP; Nút thiết kế Fractal 804 CASE [Bảng điều khiển bên được trao đổi để hiển thị ổ đĩa][---]: Samsung Galaxy Tab A 8"

Mạng: Google Fiber Webpass [500/500]> Cổng bảo mật Unifi [Office]> Unifi Switch 8 60W [Office]> Unifi Switch Lite [Closet]> & NBSP; Unifi Switch Lite [Phòng ngủ] Unifi & nbsp; uap-nanohd [ReGZ]: Asus T102HA [BIOS clock doesn't tick, loses time when sleep/off] [I kill tablets with disturbing regularity]

Máy tính bảng [---]: & nbsp; Samsung Galaxy Tab a 8 "& nbsp; [Unicorn]: Surface Pro 2 [battery will reset total capacity to current charge, leading Windows to think it's always 100% charged until it dies]

Spoiler[Loto]: Dell Venue 8 Pro [screen discoloration issues, wouldn't update to Windows 10]

Máy tính bảng [regz]: & nbsp; asus t102ha & nbsp; [đồng hồ bios không đánh dấu, mất thời gian khi ngủ/tắt] [tôi giết máy tính bảng với sự đều đặn đáng lo ngại]

Máy tính bảng [Unicorn]: & NBSP; Surface Pro 2 [pin sẽ đặt lại tổng công suất cho điện tích hiện tại, khiến Windows nghĩ rằng nó luôn được sạc 100% cho đến khi chết]

Xương rồng origami
1

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng

Tác giả
3 phút trước, Abydosone nói:
Tôi nghĩ rằng vì lý do bảo mật, bạn không thể tạo các tệp cục bộ theo chương trình trong JS.

Cách tôi thấy để làm điều đó, bạn cần một máy chủ web nhận nội dung của hộp và phục vụ nó dưới dạng tệp.

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng

Tác giả

3 phút trước, Abydosone nói:

Tôi nghĩ rằng vì lý do bảo mật, bạn không thể tạo các tệp cục bộ theo chương trình trong JS. //amateur programmer// youtuber // beginner photographer

Cách tôi thấy để làm điều đó, bạn cần một máy chủ web nhận nội dung của hộp và phục vụ nó dưới dạng tệp.

buồnNo seriously, I have an exterrnal monitor, keyboard, mouse, headset, ethernet and cooling fans all connected. Using it feels no different to a desktop, it works for several hours if the power goes out, and disconnecting just a few cables gives me something I can take on the go. There's enough power for all games I play and it even copes with basic [and some not-so-basic] video editing. Give it a go - you might just love it.

____________________________________________________________________________________________________________________________________
1

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng

Tác giả

3 phút trước, Abydosone nói:

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Tác giả
3 phút trước, Abydosone nói:

Tôi nghĩ rằng vì lý do bảo mật, bạn không thể tạo các tệp cục bộ theo chương trình trong JS.

____________________________________________________________________________________________________________________________________ [Veda]: Xeon E3-1241v3 | Supermicro X10SLL-F | Corsair H60 | 32GB Micron DDR3L ECC 1600MHz | 4x 10TB WD Whites / 4x 14TB Seagate Exos / 2x 1TB HGST 2.5" / 1x Samsung PM961 128GB SSD / 1x Kingston 16GB SSD | Seasonic Prime Fanless 500W | Mellanox ConnectX-3 10G NIC | LSI 9207-8i LBA | Fractal Design Node 804 Case [side panels swapped to show off drives]

vào công nghệ, giao thông công cộng và kiến trúc // lập trình viên nghiệp dư // YouTuber & nbsp; // Nhiếp ảnh gia mới bắt đầu Google Fiber Webpass [500/500] > Unifi Security Gateway [Office] > Unifi Switch 8 60W [Office] > Unifi Switch Lite [Closet] > Unifi Switch Lite [Bedroom] + Unifi Switch 8 [Media Center] > Unifi UAP-nanoHD

Cảm ơn đã đọc tất cả điều này bằng cách này![---]: Samsung Galaxy Tab A 8"

Nhân tiện, máy tính để bàn của tôi là một máy tính xách tay cập cảng. Hãy vượt qua nó, không nghiêm túc, tôi có một màn hình Exterrnal, bàn phím, chuột, tai nghe, ethernet và quạt làm mát đều được kết nối. Sử dụng nó không có cảm giác khác với máy tính để bàn, nó hoạt động trong vài giờ nếu nguồn điện tắt và ngắt kết nối một vài dây cáp cung cấp cho tôi thứ gì đó tôi có thể thực hiện. Có đủ sức mạnh cho tất cả các trò chơi tôi chơi và nó thậm chí còn đối phó với chỉnh sửa video cơ bản [và một số không cơ bản]. Hãy cho nó đi - bạn có thể chỉ yêu nó.

2 phút trước, Pythonmegapixel đã nói: [ReGZ]: Asus T102HA [BIOS clock doesn't tick, loses time when sleep/off] [I kill tablets with disturbing regularity]

Có lẽ nhưng idk. Tôi biết những gì tôi cần nhưng tôi không biết làm thế nào để thực hiện nó [Unicorn]: Surface Pro 2 [battery will reset total capacity to current charge, leading Windows to think it's always 100% charged until it dies]

21 phút trước, Snozking nói:[Loto]: Dell Venue 8 Pro [screen discoloration issues, wouldn't update to Windows 10]

Tôi biết những gì tôi cần:

"Tại sao bạn cần nó?" là những gì vấn đề X-Y đang cố gắng để có được. Có thể lý do bạn cần ứng dụng cụ thể này đã được giải quyết theo nghĩa chung hơn.

Xương rồng origami
1

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng
48 phút trước, Snozking nói:

Trong HTML chỉ là một hộp văn bản có nút ENTER và sau đó nó lưu hộp văn bản vào một tệp cục bộ.

Không thể nào. Các trang web không có quyền truy cập vào hệ thống tệp cục bộ vì những lý do khá rõ ràng. Bạn có thể làm điều này nếu bạn có một phụ trợ.

Hoặc, tùy thuộc vào những gì bạn cần, bạn có thể viết một chương trình gốc hoặc ít nhất là một cái gì đó chạy bên ngoài trình duyệt làm điều đó.... please

Đừng hỏi để hỏi, chỉ cần hỏi ... làm ơn & nbsp;

sudo chmod -r 000 /* Sharing folders over the internet using SSH Beginner's Guide To LTT [by iamdarkyoshi]

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiều

Đừng coi những điều này làm đánh giá đầy đủ hoặc sự thật cuối cùng - chúng chỉ là những ấn tượng cá nhân của tôi đối với các sản phẩm tôi có thể hoặc không được sử dụng, được tóm tắt trong một vài câu và điểm số sơ bộ. Tất cả các điểm số đều tính đến giá và thời gian phát hành của đơn vị, vì vậy, không mong đợi hiệu suất tuyệt đối sẽ được phản ánh ở đây.Lenovo Thinkpad X220 - [8/10]

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiềuApple Macbook [2015] - [Garbage -/10]

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiềuOnePlus X - [7/10]

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiềuMicrosoft Surface Book 2 - [Garbage - -/10]

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiềuIntel Core i7 2600/k - [9/10]

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiềuApple iPad Pro - [5/10]

Điểm sản phẩm của Sauron'stm:

Spoiler

Chỉ là một danh sách điểm số cá nhân của tôi cho một số sản phẩm, không theo thứ tự cụ thể, với những bình luận ngắn gọn. Tôi chỉ có ý tưởng để làm chúng để bây giờ họ không nhiều
1

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Đừng coi những điều này làm đánh giá đầy đủ hoặc sự thật cuối cùng - chúng chỉ là những ấn tượng cá nhân của tôi đối với các sản phẩm tôi có thể hoặc không được sử dụng, được tóm tắt trong một vài câu và điểm số sơ bộ. Tất cả các điểm số đều tính đến giá và thời gian phát hành của đơn vị, vì vậy, không mong đợi hiệu suất tuyệt đối sẽ được phản ánh ở đây.
Trong HTML chỉ là một hộp văn bản có nút ENTER và sau đó nó lưu hộp văn bản vào một tệp cục bộ.
Không thể nào. Các trang web không có quyền truy cập vào hệ thống tệp cục bộ vì những lý do khá rõ ràng. Bạn có thể làm điều này nếu bạn có một phụ trợ.

Hoặc, tùy thuộc vào những gì bạn cần, bạn có thể viết một chương trình gốc hoặc ít nhất là một cái gì đó chạy bên ngoài trình duyệt làm điều đó.

Đừng hỏi để hỏi, chỉ cần hỏi ... làm ơn & nbsp;

sudo chmod -r 000 /*@ me.

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:
1

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Spoiler

data:text/plain;base64,SGVsbG8sIFdvcmxkIQ==

 Download  document

-Lenovo ThinkPad X220 - [8/10]

Một cỗ máy bền và đáng tin cậy tương đối nhẹ, có tất cả phần cứng cần thiết để không bao giờ cảm thấy chậm chạp và có màn hình mờ IPS tuyệt vời. Các nhược điểm chủ yếu là do tuổi của nó, đáng chú ý nhất là độ phân giải màn hình của các cổng 1366x768 và USB 2.0.

Lưu ý Có một số hạn chế về độ dài URL tối đa, một số trình duyệt giới hạn ở mức 65k byte nên bạn sẽ bị giới hạn trong khoảng 20-30k văn bản, các trình duyệt khác có thể giới hạn bạn 10-16K & NBSP; Vì vậy, khoảng một nửa trong số đó là nội dung thực tế sau khi chuyển đổi trở lại từ Base64

Chỉnh sửa: Có thể xem nếu thêm từ khóa "Tải xuống" sẽ kích hoạt tải xuống/lưu dưới dạng cửa sổ ... đó là một cái gì đó tương đối mới

 Download me

Xem & nbsp; //www.webfx.com/blog/web-design/doad-attribute/

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng


Download

// only client side JS
var data = ["Hello world!"];
var file = new File[data, "file.txt", {type: 'text/plain'}];
var url = URL.createObjectURL[file];
document.getElementById['link'].href = url;

Tất nhiên là có thể. Điều này sẽ hoạt động

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng
Tất nhiên là có thể. Điều này sẽ hoạt động

Ví dụ Codepen trực tiếp

8 giờ trước, Origami Cactus nói:... please

Không phải OP nhưng bạn có thể làm điều đó để nó đưa ra cuộc đối thoại "Tệp tải xuống" mà không cần phụ trợ không?

Chắc chắn, nhưng đó không phải là những gì đã được hỏi. Nó có thể là một giải pháp chấp nhận được tùy thuộc vào yêu cầu thực tế là gì. Nếu đầu vào của người dùng được chấp nhận thì tôi tự hỏi tại sao họ không chỉ sử dụng Notepad. Sharing folders over the internet using SSH Beginner's Guide To LTT [by iamdarkyoshi]

Đừng hỏi để hỏi, chỉ cần hỏi ... làm ơn & nbsp;

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:

SpoilerLenovo Thinkpad X220 - [8/10]

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:Apple Macbook [2015] - [Garbage -/10]

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:OnePlus X - [7/10]

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:Microsoft Surface Book 2 - [Garbage - -/10]

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:Intel Core i7 2600/k - [9/10]

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:Apple iPad Pro - [5/10]

sudo chmod -r 000 /*

Mở rộng quy mô và nó hoạt động như thế nào? & NBSP; ASUS PB287Q unboxing!

Điểm sản phẩm của Sauron'stm:
1

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Tất nhiên là có thể. Điều này sẽ hoạt động
And to have a little more complete example:

Ví dụ Codepen trực tiếp



Download

8 giờ trước, Origami Cactus nói:

const textInput = document.getElementById['textInput'];

function downloadText[fileName] {
  const data = [textInput.value];
  const file = new File[data, fileName, {type: 'text/plain'}];
  const url = URL.createObjectURL[file];
  triggerDownload[fileName, url];
  URL.revokeObjectURL[url];
}

function triggerDownload[fileName, url] {
  const anchorElement = document.createElement['a'];
  anchorElement.href = url;
  anchorElement.download = fileName ?? '';
  anchorElement.click[];
  anchorElement.remove[];
}

Không phải OP nhưng bạn có thể làm điều đó để nó đưa ra cuộc đối thoại "Tệp tải xuống" mà không cần phụ trợ không?
Case: be quiet! Dark Base Pro 900 Orange rev. 2 MB: GIGABYTE Z590 AORUS ULTRA [rev. 1.0] CPU: Intel® Core™ i9-11900K WC: be quiet! Pure Loop 280mm GPU: AORUS GeForce RTX 3080 Ti MASTER 12G RAM: 128GB[4x Kingston FURY 32 GB DDR4-3600] M.2: 3TB [Samsung 970 EVO Plus 1 TB & Crucial P5 2TB PCIe M.2 2280SS] PSU: be quiet! Dark Power Pro 12 1500W

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng








  
  enter

1 tháng sau...

Liên kết để bình luậnChia sẻ trên các trang web khác

Liên kết để đăngChia sẻ trên các trang web khác

Liên kết để đăng

1 tháng sau...

Ở đây bạn đi. Đó là một dòng JavaScript

Tạo tài khoản hoặc đăng nhập để bình luận

Bạn cần phải là thành viên để để lại nhận xét

Làm thế nào để bạn lưu một hộp văn bản trong html?

Có một số cách để làm điều đó, nhưng có một cách rất đơn giản trong HTML5, chỉ cần đặt tên người dùng và trình duyệt web sẽ tự động lưu trữ nó. for the user name and and the web browser will automatically cache it.

Làm thế nào bạn có thể lưu trữ một giá trị trong một hộp văn bản?

Đầu vào tài sản giá trị văn bản..

Thay đổi giá trị của trường văn bản: getEuityById ["mytext"].....

Nhận giá trị của trường văn bản: getEuityById ["mytext"].....

Danh sách thả xuống trong một biểu mẫu: Var mylist = Document.....

Một danh sách thả xuống khác: Var No = Document.....

Một ví dụ cho thấy sự khác biệt giữa thuộc tính DefaultValue và giá trị:.

Làm cách nào để lưu trữ giá trị trường HTML Form vào tệp văn bản bằng JavaScript?

Để lưu dữ liệu biểu mẫu HTML vào tệp văn bản bằng JavaScript, hãy thu thập tất cả các trường thành một blob, sau đó tạo một liên kết với href = createObjectURL [blob], cuối cùng hãy nhấp vào liên kết trong mã.gather all fields into a Blob , then create a link with href=createObjectURL[blob] , finally click[] the link in code.

Làm cách nào để nhận giá trị hộp văn bản để hiển thị trong cảnh báo?

Khi nút được nhấp, giá trị hộp văn bản được truy xuất và hiển thị trong hộp cảnh báo JavaScript ...

$ [function [] {.

$ ["#btnshow"]. Nhấp [function [] {.

Liên kết để đăng

Ở đây bạn đi. Đó là một dòng JavaScript

Làm thế nào để bạn lưu một hộp văn bản trong html?

Làm thế nào bạn có thể lưu trữ một giá trị trong một hộp văn bản?

Làm cách nào để lưu trữ giá trị trường HTML Form vào tệp văn bản bằng JavaScript?

Làm cách nào để nhận giá trị hộp văn bản để hiển thị trong cảnh báo?

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề