Làm thế nào để bạn đổi tên một tập tin trong html?

Xin lỗi nên đã đề cập. Tôi đã thử đổi tên tệp và thư mục nhưng không khắc phục được sự cố. Tôi nghi ngờ điều này có thể là do tên tệp bao gồm các ký tự đặc biệt như dấu ngoặc kép, nhưng không chắc chắn

Bấm để mở rộng

Vâng, không biết chi tiết cụ thể về tình huống của bạn, tôi chỉ cho rằng bạn đơn giản là không thể lấy lại tên như trước đây.

Sjfootballer01 anh ấy nói

Mình không phải dân thiết kế nên không hiểu bạn nói gì ở phần 2. Đó là một vấn đề với trang không có cùng bố cục. Nó chỉ trở thành một tệp html cơ bản mà không có định dạng, hình ảnh, âm thanh, v.v. Đó là những gì tôi đang cố gắng duy trì

Hướng dẫn siêu ngắn gọn về cách sử dụng JavaScript để đổi tên tệp trên trình duyệt. Chúng tôi sẽ nhanh chóng giới thiệu cách cập nhật một đối tượng tệp và đọc nội dung của nó. Bắt đầu nào

Cập nhật đối tượng tệp

Hãy tạo một tệp mới bằng hàm tạo

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0, sau đó chúng tôi sẽ đổi tên tệp này sau vài giây

const myFile = new File[['hello-world'], 'my-file.txt'];

Đã đến lúc đổi tên tệp của chúng tôi…

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}

Không, không hoạt động. Hóa ra chúng ta không thể cập nhật thuộc tính

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
1 của tệp

Để đổi tên một tệp, chúng ta phải tạo một tệp mới và chuyển tên mới của mình cho hàm tạo

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0

const myRenamedFile = new File[[myFile], 'my-file-final-1-really.txt'];

console.log[myRenamedFile];
// Browser logs: File {name: "my-file-final-1-really.txt", …}

Để kiểm tra xem nội dung tệp có giống nhau không, chúng tôi có thể đọc tệp của mình bằng API FileReader

const myReader = new FileReader[];
myReader.readAsText[myRenamedFile];
myReader.onload = [] => console.log[myReader.result];
// Browser logs: "hello-world"

Tuyệt vời, nó có cùng nội dung. ☀️

Thật ngạc nhiên, điều này không hoạt động trên Internet Explorer 11. ⛈

Chúng ta có thể làm việc với IE11 bằng cách tạo một

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
3 thay vì một đối tượng tệp. Hãy tạo một hàm trợ giúp nhỏ thực hiện việc này một cách an toàn cho chúng ta

________số 8

Bây giờ chúng ta có thể tạo các tệp như thế này một cách an toàn

const mySafeFile = createFile[['hello-world'], 'my-file.txt'];

console.log[mySafeFile];
// Modern browser logs: File {name: "my-file.txt", …}
// Internet Explorer logs: Blob {name: "my-file.txt", …}

vâng. 🎉

Lưu ý rằng hàm tạo

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0 cũng nhận đối số "tùy chọn" thứ ba, đối số này có thể chứa ngày
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
5 của tệp và ngày tháng
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
6 của tệp

Hãy cập nhật chức năng

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
7 của chúng tôi để nó cũng hỗ trợ đối số "tùy chọn"

const myFile = new File[['hello-world'], 'my-file.txt'];
4

Bây giờ chúng ta có thể tạo một tệp

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
8 thực tế

const myFile = new File[['hello-world'], 'my-file.txt'];
6

Một lưu ý nhỏ. Các tệp của chúng tôi hiện có thể thuộc loại

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
3 hoặc
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0. Khi sử dụng toán tử
const myRenamedFile = new File[[myFile], 'my-file-final-1-really.txt'];

console.log[myRenamedFile];
// Browser logs: File {name: "my-file-final-1-really.txt", …}
1 để kiểm tra các loại, tốt nhất là kiểm tra
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
3

Sau đây sẽ là

const myRenamedFile = new File[[myFile], 'my-file-final-1-really.txt'];

console.log[myRenamedFile];
// Browser logs: File {name: "my-file-final-1-really.txt", …}
3 trên các trình duyệt hiện đại nhưng là
const myRenamedFile = new File[[myFile], 'my-file-final-1-really.txt'];

console.log[myRenamedFile];
// Browser logs: File {name: "my-file-final-1-really.txt", …}
4 trên các trình duyệt không hỗ trợ hàm tạo
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0 [như Internet Explorer 11]

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
4

Thử nghiệm cho

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
3 thay vì
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0 sẽ trả về kết quả chính xác trên tất cả các trình duyệt vì
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
0 là một lớp con của
myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
3

myFile.name = 'my-file-final-1-really.txt';

console.log[newFile];
// Browser logs: File {name: "my-file.txt", …}
9

Đó là nó

Phần kết luận

Chúng tôi biết rằng không thể cập nhật đối tượng tệp nhưng chúng tôi có thể dễ dàng sao chép nội dung của tệp sang tệp mới và đặt tên cho tệp mới

Để xác minh rằng nội dung của tệp thực sự đã được sao chép, chúng tôi đã xem nhanh bằng cách sử dụng API

const myReader = new FileReader[];
myReader.readAsText[myRenamedFile];
myReader.onload = [] => console.log[myReader.result];
// Browser logs: "hello-world"
0

Cuối cùng, để hỗ trợ khả năng tương thích giữa các trình duyệt, chúng tôi đã tạo một chức năng nhỏ có thể tạo đối tượng “Tệp” trên tất cả các trình duyệt có liên quan, “có liên quan” là tương đối

lệnh để đổi tên một tập tin là gì?

Sử dụng lệnh mv để di chuyển tệp và thư mục từ thư mục này sang thư mục khác hoặc đổi tên tệp hoặc thư mục.

Làm cách nào để nhanh chóng đổi tên tệp?

Bạn có thể nhấn và giữ phím Ctrl rồi nhấp vào từng tệp để đổi tên . Hoặc bạn có thể chọn tệp đầu tiên, nhấn và giữ phím Shift, sau đó nhấp vào tệp cuối cùng để chọn nhóm.

Làm cách nào để đổi tên tệp trong JavaScript?

phương thức đổi tên[] . các fs. rename[] được sử dụng để đổi tên một cách không đồng bộ một tệp tại đường dẫn cũ đã cho thành một đường dẫn mới nhất định.

Chủ Đề