Tôi đang cố gắng ghi lại một trình đọc tệp văn bản đơn giản bằng cách tạo một hàm có trong đường dẫn tệp và chuyển đổi từng dòng văn bản thành một mảng char, nhưng nó không hoạt động.
Nội phân chính
- Cập nhật 30/07/2018 [Tuyên bố miễn trừ trách nhiệm]:
- Cập nhật-2 [Tuyên bố miễn trừ trách nhiệm]:
- Giải pháp hiện đại:
- Các cuộc gọi AJAX cục bộ trong Chrome không được hỗ trợ do chính sách có nguồn gốc.
- Không phải là câu trả lời bạn đang tìm kiếm? Duyệt các câu hỏi khác được gắn thẻ JavaScript File-io xmlhttprequest hoặc đặt câu hỏi của riêng bạn.
- Làm cách nào để đọc tệp .txt trong javascript?
- Làm cách nào để mở một tệp bằng JavaScript?
- Làm thế nào để chúng ta đọc và ghi các tệp trong JavaScript?
- JavaScript có thể mở một tệp cục bộ không?
function readTextFile[] {
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", "testing.txt", true];
rawFile.onreadystatechange = function[] {
if [rawFile.readyState === 4] {
var allText = rawFile.responseText;
document.getElementById["textSection"].innerHTML = allText;
}
}
rawFile.send[];
}
Điều gì đang xảy ra ở đây?
Điều này vẫn không có vẻ hoạt động sau khi thay đổi mã một chút từ bản sửa đổi trước đó và bây giờ nó mang lại cho tôi ngoại lệ
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Tôi đã thử nghiệm điều này trên Firefox và nó hoạt động, nhưng trong Google Chrome, nó sẽ không hoạt động và nó tiếp tục cho tôi một ngoại lệ 101. Làm thế nào tôi có thể làm cho nó hoạt động không chỉ Firefox mà còn trên các trình duyệt khác [đặc biệt là Chrome ]?
Ggorlen
36.2k7 Huy hiệu vàng61 Huy hiệu bạc73 Huy hiệu đồng7 gold badges61 silver badges73 bronze badges
Đã hỏi ngày 21 tháng 1 năm 2013 lúc 20:14Jan 21, 2013 at 20:14
3
Bạn cần kiểm tra trạng thái 0 [như khi tải các tệp cục bộ với
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Và chỉ định
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
readTextFile["file:///C:/your/path/to/file.txt"];
Themroc
4752 Huy hiệu bạc5 Huy hiệu Đồng2 silver badges5 bronze badges
Đã trả lời ngày 21 tháng 1 năm 2013 lúc 20:20Jan 21, 2013 at 20:20
Majid Laissimajid LaissiMajid Laissi
18,5K18 Huy hiệu vàng65 Huy hiệu bạc105 Huy hiệu Đồng18 gold badges65 silver badges105 bronze badges
29
Sau khi giới thiệu API tìm nạp trong JavaScript, việc đọc nội dung tệp không thể đơn giản hơn.
Đọc một tệp văn bản
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Đọc tệp JSON
fetch['file.json']
.then[response => response.json[]]
.then[jsonResponse => console.log[jsonResponse]]
// outputs a javascript object from the parsed json
Cập nhật 30/07/2018 [Tuyên bố miễn trừ trách nhiệm]:
Kỹ thuật này hoạt động tốt trong Firefox, nhưng có vẻ như việc triển khai
6 của Chrome không hỗ trợ chương trình URLfetch['file.txt'] .then[response => response.text[]] .then[text => console.log[text]] // outputs the content of the text file7 vào ngày viết bản cập nhật này [được thử nghiệm trong Chrome 68].Firefox, but it seems like Chrome'sfetch['file.txt'] .then[response => response.text[]] .then[text => console.log[text]] // outputs the content of the text file6 implementation does not supportfetch['file.txt'] .then[response => response.text[]] .then[text => console.log[text]] // outputs the content of the text file7 URL scheme at the date of writing this update [tested in Chrome 68].fetch['file.txt'] .then[response => response.text[]] .then[text => console.log[text]] // outputs the content of the text file
Cập nhật-2 [Tuyên bố miễn trừ trách nhiệm]:
Giải pháp hiện đại:Firefox above version 68 [Jul 9, 2019] for the same [security] reason as Chrome:
8. See //developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp.fetch['file.txt'] .then[response => response.text[]] .then[text => console.log[text]] // outputs the content of the text file
Các cuộc gọi AJAX cục bộ trong Chrome không được hỗ trợ do chính sách có nguồn gốc.
Không phải là câu trả lời bạn đang tìm kiếm? Duyệt các câu hỏi khác được gắn thẻ JavaScript File-io xmlhttprequest hoặc đặt câu hỏi của riêng bạn.22 silver badges35 bronze badges
Làm cách nào để đọc tệp .txt trong javascript?Sep 9, 2017 at 9:42
11
Làm cách nào để mở một tệp bằng JavaScript?readAsText and try the example. You will be able to know how the readAsText function of FileReader works.
var openFile = function[event] {
var input = event.target;
var reader = new FileReader[];
reader.onload = function[]{
var text = reader.result;
var node = document.getElementById['output'];
node.innerText = text;
console.log[reader.result.substring[0, 200]];
};
reader.readAsText[input.files[0]];
};
...
Làm thế nào để chúng ta đọc và ghi các tệp trong JavaScript?Mar 20, 2015 at 21:30
JavaScript có thể mở một tệp cục bộ không?Amit Chaurasia
Điều gì đang xảy ra ở đây?2 gold badges10 silver badges8 bronze badges
3
var input = document.getElementById["myFile"];
var output = document.getElementById["output"];
input.addEventListener["change", function [] {
if [this.files && this.files[0]] {
var myFile = this.files[0];
var reader = new FileReader[];
reader.addEventListener['load', function [e] {
output.textContent = e.target.result;
}];
reader.readAsBinaryString[myFile];
}
}];
Điều này vẫn không có vẻ hoạt động sau khi thay đổi mã một chút từ bản sửa đổi trước đó và bây giờ nó mang lại cho tôi ngoại lệ
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
3
Giải pháp hiện đại:
Các cuộc gọi AJAX cục bộ trong Chrome không được hỗ trợ do chính sách có nguồn gốc.
Không phải là câu trả lời bạn đang tìm kiếm? Duyệt các câu hỏi khác được gắn thẻ JavaScript File-io xmlhttprequest hoặc đặt câu hỏi của riêng bạn.
Làm cách nào để đọc tệp .txt trong javascript?
async function loadFile[file] {
let text = await file.text[];
console.log[text];
}
Làm cách nào để mở một tệp bằng JavaScript?
Làm thế nào để chúng ta đọc và ghi các tệp trong JavaScript?
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
JavaScript có thể mở một tệp cục bộ không?
2
Điều gì đang xảy ra ở đây?
Điều này vẫn không có vẻ hoạt động sau khi thay đổi mã một chút từ bản sửa đổi trước đó và bây giờ nó mang lại cho tôi ngoại lệ
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Tôi đã thử nghiệm điều này trên Firefox và nó hoạt động, nhưng trong Google Chrome, nó sẽ không hoạt động và nó tiếp tục cho tôi một ngoại lệ 101. Làm thế nào tôi có thể làm cho nó hoạt động không chỉ Firefox mà còn trên các trình duyệt khác [đặc biệt là Chrome ]?
Ggorlen
36.2k7 Huy hiệu vàng61 Huy hiệu bạc73 Huy hiệu đồng
Đã hỏi ngày 21 tháng 1 năm 2013 lúc 20:14
Bạn cần kiểm tra trạng thái 0 [như khi tải các tệp cục bộ với
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Và chỉ định
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Themroc
4752 Huy hiệu bạc5 Huy hiệu Đồng15 gold badges105 silver badges147 bronze badges
Đã trả lời ngày 21 tháng 1 năm 2013 lúc 20:20Jan 29, 2016 at 3:31
Majid Laissimajid LaissiSparrow
18,5K18 Huy hiệu vàng65 Huy hiệu bạc105 Huy hiệu Đồng3 silver badges3 bronze badges
0
Sau khi giới thiệu API tìm nạp trong JavaScript, việc đọc nội dung tệp không thể đơn giản hơn.
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Đọc một tệp văn bảnJan 8, 2019 at 13:15
barro32barro32barro32
Đọc tệp JSON19 silver badges34 bronze badges
2
Kỹ thuật này hoạt động tốt trong Firefox, nhưng có vẻ như việc triển khai
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Kỹ thuật này không hoạt động với Firefox trên phiên bản 68 [ngày 9 tháng 7 năm 2019] vì lý do [bảo mật] tương tự như Chrome:
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Olivierm5 gold badges42 silver badges57 bronze badges
2.56222 Huy hiệu bạc35 Huy hiệu đồngOct 16, 2013 at 23:29
1
Đã trả lời ngày 9 tháng 9 năm 2017 lúc 9:42
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
A-Sharabiani
Ghé thăm JavaScripture! Và đi phần readastext và thử ví dụ. Bạn sẽ có thể biết làm thế nào chức năng readastext của filereader hoạt động.16 gold badges106 silver badges125 bronze badges
Đã trả lời ngày 20 tháng 3 năm 2015 lúc 21:30Nov 26, 2013 at 12:17
Amit chaurasiaamit chaurasiamomen
1.3992 Huy hiệu vàng10 Huy hiệu bạc8 Huy hiệu đồng1 silver badge3 bronze badges
Đã trả lời ngày 22 tháng 8 năm 2017 lúc 10:46
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Sử dụng
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
WebSkyWebskywebsky
2.9121 Huy hiệu vàng33 Huy hiệu bạc29 Huy hiệu đồng1 gold badge33 silver badges29 bronze badges
1
Điều này có thể giúp,
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Đã trả lời ngày 18 tháng 11 năm 2016 lúc 15:20Nov 18, 2016 at 15:20
Sameera R.Sameera R.Sameera R.
4.2161 Huy hiệu vàng33 Huy hiệu bạc51 Huy hiệu đồng1 gold badge33 silver badges51 bronze badges
Các cuộc gọi AJAX cục bộ trong Chrome không được hỗ trợ do chính sách có nguồn gốc.
Thông báo lỗi trên Chrome như thế này: "Yêu cầu gốc chéo không được hỗ trợ cho các sơ đồ giao thức: HTTP, Dữ liệu, Chrome, Mở rộng Chrome, HTTPS."
Điều này có nghĩa là Chrome tạo ra một đĩa ảo cho mọi miền để giữ các tệp được phục vụ bởi miền bằng cách sử dụng các giao thức HTTP/HTTPS. Bất kỳ quyền truy cập vào các tệp bên ngoài đĩa ảo này đều bị hạn chế theo cùng một chính sách gốc. Các yêu cầu và phản hồi của AJAX xảy ra trên HTTP/HTTPS, do đó sẽ không hoạt động cho các tệp cục bộ.
Firefox không đặt hạn chế như vậy, do đó mã của bạn sẽ hoạt động hạnh phúc trên Firefox. Tuy nhiên, có những cách giải quyết cho Chrome quá: xem ở đây.
Đã trả lời ngày 26 tháng 12 năm 2018 lúc 12:12Dec 26, 2018 at 12:12
1
Thêm vào một số câu trả lời trên, giải pháp sửa đổi này đã làm việc cho tôi.
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Hốt tức
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Hốt tức
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
Đã trả lời ngày 31 tháng 12 năm 2018 lúc 19:50Dec 31, 2018 at 19:50
FabiifabiiFabii
3.71013 Huy hiệu vàng49 Huy hiệu bạc89 Huy hiệu đồng13 gold badges49 silver badges89 bronze badges
function readTextFile[file]
{
var rawFile = new XMLHttpRequest[];
rawFile.open["GET", file, false];
rawFile.onreadystatechange = function []
{
if[rawFile.readyState === 4]
{
if[rawFile.status === 200 || rawFile.status == 0]
{
var allText = rawFile.responseText;
alert[allText];
}
}
}
rawFile.send[null];
}
- Đọc văn bản tệp từ JavaScript- Bản ghi bảng điều khiển văn bản từ tệp bằng JavaScript- Google Chrome và Mozilla Firefox
- Console log text from file using javascript
- Google chrome and
mozilla firefox
Trong trường hợp của tôi, tôi có cấu trúc tệp này:
Kết quả console.log:
Đã trả lời ngày 18 tháng 1 năm 2019 lúc 9:38Jan 18, 2019 at 9:38
Nadir Hamidounadir Hamidounadir hamidou
4232 Huy hiệu vàng7 Huy hiệu bạc18 Huy hiệu đồng2 gold badges7 silver badges18 bronze badges
1
Nếu bạn muốn nhắc người dùng chọn tệp, thì hãy đọc nội dung của nó:
readTextFile["file:///C:/your/path/to/file.txt"];
Usage:
readTextFile["file:///C:/your/path/to/file.txt"];
Đã trả lời ngày 16 tháng 12 năm 2020 lúc 15:13Dec 16, 2020 at 15:13
Yayayayayaya
6.7291 Huy hiệu vàng32 Huy hiệu bạc34 Huy hiệu đồng1 gold badge32 silver badges34 bronze badges
readTextFile["file:///C:/your/path/to/file.txt"];
Đã trả lời ngày 22 tháng 2 năm 2018 lúc 7:41Feb 22, 2018 at 7:41
Nhận dữ liệu tệp cục bộ trong tải JS [Data.js]:
readTextFile["file:///C:/your/path/to/file.txt"];
Tệp dữ liệu.js như:
readTextFile["file:///C:/your/path/to/file.txt"];
QueryString unixtime Dynamic ngăn chặn bộ nhớ cache.
AJ hoạt động trong web //.
Đã trả lời ngày 26 tháng 4 năm 2019 lúc 5:20Apr 26, 2019 at 5:20
1
Làm thế nào để đọc một tập tin cục bộ?
Bằng cách sử dụng điều này, bạn sẽ tải một tệp bằng loadtext [] thì js sẽ không đồng bộ chờ cho đến khi tệp được đọc và tải sau đó nó sẽ vượt qua chức năng readtext [] cho phép bạn tiếp tục với logic js bình thường của bạn Chặn trên hàm LoadText [] trong trường hợp bất kỳ lỗi nào phát sinh] nhưng đối với ví dụ này, tôi giữ nó ở mức tối thiểu.
readTextFile["file:///C:/your/path/to/file.txt"];
Đã trả lời ngày 3 tháng 10 năm 2019 lúc 13:33Oct 3, 2019 at 13:33
D.SnapD.SnapD.Snap
1.5351 Huy hiệu vàng20 Huy hiệu bạc14 Huy hiệu đồng1 gold badge20 silver badges14 bronze badges
1
Chức năng này được thực hiện cho các trình duyệt và hộp thoại Picker Picker mở và sau khi lựa chọn người dùng, hãy đọc tệp dưới dạng chức năng gọi lại nhị phân và gọi lại với dữ liệu đọc:
readTextFile["file:///C:/your/path/to/file.txt"];
Và sử dụng nó như thế này:
readTextFile["file:///C:/your/path/to/file.txt"];
Đã trả lời ngày 19 tháng 12 năm 2021 lúc 8:24Dec 19, 2021 at 8:24
MSSMSSMSS
3.36023 Huy hiệu bạc27 Huy hiệu đồng23 silver badges27 bronze badges
1
Bạn có thể nhập thư viện của tôi:
readTextFile["file:///C:/your/path/to/file.txt"];
Sau đó, hàm
fetch['file.json']
.then[response => response.json[]]
.then[jsonResponse => console.log[jsonResponse]]
// outputs a javascript object from the parsed json
readTextFile["file:///C:/your/path/to/file.txt"];
Xin lưu ý: Trên Google Chrome nếu mã HTML là cục bộ, các lỗi sẽ xuất hiện, nhưng lưu mã HTML và các tệp trực tuyến sau đó chạy tệp HTML trực tuyến hoạt động.
Đã trả lời ngày 3 tháng 1 năm 2019 lúc 23:40Jan 3, 2019 at 23:40
Để đọc một văn bản tệp cục bộ thông qua
fetch['file.json']
.then[response => response.json[]]
.then[jsonResponse => console.log[jsonResponse]]
// outputs a javascript object from the parsed json
fetch['file.json']
.then[response => response.json[]]
.then[jsonResponse => console.log[jsonResponse]]
// outputs a javascript object from the parsed json
fetch['file.json']
.then[response => response.json[]]
.then[jsonResponse => console.log[jsonResponse]]
// outputs a javascript object from the parsed json
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Đã trả lời ngày 7 tháng 1 năm 2019 lúc 9:56Jan 7, 2019 at 9:56
Ali Ezzat Odehali Ezzat OdehAli Ezzat Odeh
2.0631 Huy hiệu vàng16 Huy hiệu bạc17 Huy hiệu đồng1 gold badge16 silver badges17 bronze badges
Tôi biết, tôi đến muộn trong bữa tiệc này. Hãy để tôi chỉ cho bạn những gì tôi có.
Đây là một cách đọc đơn giản của tệp văn bảnsimple reading of text file
fetch['file.txt']
.then[response => response.text[]]
.then[text => console.log[text]]
// outputs the content of the text file
Tôi hi vọng cái này giúp được.
Đã trả lời ngày 16 tháng 3 năm 2020 lúc 9:50Mar 16, 2020 at 9:50
1
Không phải là câu trả lời bạn đang tìm kiếm? Duyệt các câu hỏi khác được gắn thẻ JavaScript File-io xmlhttprequest hoặc đặt câu hỏi của riêng bạn.
Làm cách nào để đọc tệp .txt trong javascript?
Sử dụng phương thức fs.ReadFilesync [] để đọc tệp văn bản vào một mảng trong javascript, ví dụ: const Nội dung = readfilesync [tên tệp, 'UTF-8']. chia ['\ n']. Phương thức sẽ trả về nội dung của tệp, chúng ta có thể phân chia trên mỗi ký tự mới để có được một mảng chuỗi. readFileSync[] method to read a text file into an array in JavaScript, e.g. const contents = readFileSync[filename, 'utf-8']. split['\n'] . The method will return the contents of the file, which we can split on each newline character to get an array of strings.
Làm cách nào để mở một tệp bằng JavaScript?
Cách mở một tập tin trong JavaScript..
Nhấp chuột phải vào tệp HTML bạn muốn sử dụng để mở tệp. Nhấp vào "Mở với", sau đó bấm đúp vào trình chỉnh sửa JavaScript ưa thích. ....
Tạo chức năng JavaScript. ....
Thêm chức năng vào nút "Duyệt" trên trang web. ....
Lưu tệp và mở nó trong trình duyệt web mặc định của bạn ..
Làm thế nào để chúng ta đọc và ghi các tệp trong JavaScript?
Cách đọc và viết một tệp bằng JavaScript ?..
file = fopen [getScriptPath [], 0]; Hàm fread [] được sử dụng để đọc nội dung tệp ..
str = fread [tệp, flight [tệp]; hàm fwrite [] được sử dụng để ghi nội dung vào tệp ..
file = fopen ["c: \ myfile.txt", 3]; // Mở tệp để viết ..
JavaScript có thể mở một tệp cục bộ không?
JavaScript thường không thể truy cập các tệp cục bộ trong các trình duyệt mới, nhưng đối tượng XMLHTTPrequest có thể được sử dụng để đọc các tệp.Vì vậy, nó thực sự là Ajax [và không phải JavaScript] đang đọc tệp., but the XMLHttpRequest object can be used to read files. So it is actually Ajax [and not Javascript] which is reading the file.