Vì lý do bảo mật, trình duyệt không cho phép điều này, tức là JavaScript trong trình duyệt không có quyền truy cập vào Hệ thống tệp, tuy nhiên sử dụng API tệp HTML5, chỉ Firefox cung cấp một thuộcmozFullPathtính, nhưng nếu bạn cố gắng lấy giá trị, nó sẽ trả về một chuỗi trống:
$(“input
Vì vậy, đừng lãng phí thời gian của bạn.
Đang xem: Lấy đường dẫn file trong javascript
chỉnh sửa: Nếu bạn cần đường dẫn của tệp để đọc tệp, bạn có thể sử dụng API FileReader để thay thế. Đây là một câuhỏi liên quan về SO: Xem trước một hình ảnh trước khi nó được tải lên.
184 hữu ích 5 bình luận chia sẻ
answer
109
Thử cái này:
Nó sẽ cung cấp cho bạn một đường dẫn tạm thời không phải là đường dẫn chính xác, bạn có thể sử dụng tập lệnh này nếu bạn muốn hiển thị các hình ảnh đã chọn như trong ví dụ jsfiddle này (Hãy thử bằng cách chọn hình ảnh cũngnhư các tệp khác): –
JSFIDDLE
Đây là mã: –
HTML: –
Bạn không thể làm như vậy – trình duyệt sẽ không cho phép điều này vì lo ngại về bảo mật.
Khi một tệp được chọn bằng cách sử dụng đối tượng input type = file, giá trị của thuộc tính value phụ thuộc vào giá trị của cài đặt bảomật “Bao gồm đường dẫn thư mục cục bộ khi tải tệp lên máy chủ” cho vùng bảo mật được sử dụng để hiển thị trang Web chứa đối tượng đầu vào.
Tên tệp đủ điều kiện của tệp đã chọn chỉ được trả lại khi cài đặt này được bật. Khi cài đặt bị tắt, Internet Explorer 8 sẽ thay thế ổ đĩa cục bộ và đường dẫn thư mục bằng chuỗi C: fakepath để ngăn tiết lộ thông tin không phù hợp.
Và khác
Bạn đã bỏ lỡ );điều này ở cuối chức năng sự kiện thay đổi.
Cũngkhông tạo hàm cho sự kiện thay đổi thay vào đó chỉ sử dụng nó như bên dưới,
19 hữu ích 3 bình luận chiasẻ
answer
18
Bạn không thể. Bảo mật ngăn bạn biết bất cứ điều gì về hệ thống lưu trữ của máy tính khách – nó thậm chí có thể không có! Đó có thể là MAC, PC, Tablet hoặc tủ lạnh có hỗ trợ Internet – bạn khôngbiết, không thể biết và sẽ không biết. Và việc cho phép bạn có đường dẫn đầy đủ có thể cung cấp cho bạn một số thông tin về máy khách – đặc biệt nếu đó là ổ đĩa mạng chẳng hạn.
Trên thực tế, bạn có thể lấy nó trong các điều kiện cụ thể, nhưng nó yêu cầu điều khiển ActiveX và sẽ không hoạt động trong 99,99% trường hợp.
Bạn không thể sử dụng nó để khôi phục tệp về vị trí ban đầu (vì bạn hoàn toàn không có quyền kiểm soát nơi lưu trữ các tệp tải xuống hoặc ngay cả khi chúng được lưutrữ) nên trên thực tế, nó không có ích gì nhiều đối với bạn.
18 hữu ích 0 bình luận chia sẻ
answer
14
Ý bạn là điều này?
$(“#i_file”).change( function(event) {var tmppath = URL.createObjectURL(event.target.files<0>); $(“img”).fadeIn(“fast”).attr(“src”,tmppath); });
14 hữu ích 1 bình luận chia sẻ
answer
10
Bạn có thể sử dụng mã sau để lấy URL cục bộ đang hoạt động cho tệp đã tải lên:
10 hữu ích 0 bình luận chia sẻ
answer
8
Một lưu ý thú vị: mặc dù tính năng này không có sẵn trên web, nhưng nếu bạn đang sử dụng JS trong Electron thì bạn có thể làm điều này.
Sử dụng đầu vào tệp HTML5 tiêu chuẩn, bạn sẽ nhận được một thuộc tính bổ sung pathtrên các tệpđã chọn, chứa đường dẫn tệp thực.
Toàn bộ tài liệu tại đây: https://github.com/electron/electron/blob/master/docs/api/file-object.md
8 hữu ích 0 bình luận chia sẻ
answer
2
Bạn có thể, nếu tải lên toàn bộ thư mục là một tùy chọn cho bạn
sự kiện thay đổi sẽ bao gồm:
.target.files<...>.webkitRelativePath: “FOLDER/FILE.ext”nhưng nó không chứa toàn bộ đường dẫn tuyệt đối, chỉ chứa đường dẫn tương đối. Cũng được hỗ trợ trong Firefox.
2 hữu ích 0 bình luận chia sẻ
answer
1
bạn không bao giờ nên làm như vậy … và tôi nghĩ việc thử nó trong các trình duyệt mới nhất là vô ích (theo những gì tôi biết) … mặt khác, tất cả các trình duyệt mới nhất sẽ không cho phép điều này …
một số liên kết khác mà bạn có thểđi qua, để tìm cách giải quyết như lấy giá trị ở phía máy chủ, nhưng không phải ở phía máy khách (javascript)
Đường dẫn đầy đủ từ đầu vào tệp bằng jQuery Cách lấy đường dẫn tệp từ biểu mẫu nhậpHTML trong Firefox 3
1 hữu ích 0 bình luận chia sẻ
answer
0
phần tử tệp có và mảng gọi filesnó chứa tất cả những thứ cần thiết bạn cần
var file = document.getElementById(“upload”);file.addEventListener(“change”, function() { for (var i = 0; i
0 hữu ích 1 bình luận chia sẻ
answer
0
Người ta có thể sử dụng API FileReader để thay đổi src của một phần tử img.
https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
0 hữu ích 0 bình luận chia sẻ
answer
-3
Bạn chỉ có thể tải lên đường dẫn đầy đủ của tệp đã chọn bằng IE11 và MS Edge.
var fullPath = Request.Form.Files<"myFile">.FileName;
-3 hữu ích 0 bình luận chia sẻ
Tải thêm tài liệu liên quan đến bài viết Lấy đường dẫn file trong javascript
programmingjavascriptInput ảnhInput file HTML
Reply
5
0
Chia sẻ
Hướng dẫn mathematical expressions in python – biểu thức toán học trong python
Chương này giải thích ý nghĩa của các yếu tố của biểu thức trong Python.Ghi chú cú pháp: Trong các chương này và các chương sau, ký hiệu BNF mở rộng sẽ …
programmingpythonPythonText pythonExpression in Python
Hướng dẫn dùng str decode python
programmingpython
Hướng dẫn use namespace in php – sử dụng không gian tên trong php
Từ PHP 5.3 namespaces được giới thiệu để đóng gói các item và làm cho script dễ quản lý hơn.Khi một trang web trở nên lớn hơn, việc giữ tất cả các file …
Xem thêm: Cách Làm Rượu Nho Pháp – Cách Làm Rượu Vang Đỏ Và Rượu Róse Truyền Thống
programmingphpUse namespace PHPNamespace trong PHPUse trong PHPNamespace PHPUse PHPGet namespace php
Hướng dẫn how do i enable javascript on my safari browser? – làm cách nào để kích hoạt javascript trên trình duyệt safari của tôi?
Cập nhật tại: ngày 24 tháng 3 năm 2022Hướng dẫn này sẽ đẩy bạn qua quá trình bật JavaScript trong Safari trên MacOS.Nhấp vào tab Bảo mậtMàn hình Safari Tùy …
programmingjavascriptEnable JavaScript ChromeInstall JavaScriptCheck Safari
Hướng dẫn how do i compile scss code in visual studio? – làm cách nào để biên dịch mã scss trong visual studio?
Xin chào, Thế giới và trong hướng dẫn này, tôi sẽ chỉ cho bạn cách biên dịch mã SCSS của bạn thành CSS bằng cách sử dụng tiện ích mở rộng mã Visual Studio …
programmingcssLive Sass compilerSCSS IntelliSenseSass installCSS extension vscodeNode-sassWhat is SCSS
Hướng dẫn how do you read a table in python? – làm thế nào để bạn đọc một bảng trong python?
Bảng đọc là một điều khá phổ biến để làm và có một số cách để đọc các bảng ngoài việc tự viết một chức năng đọc. Điều đó không thể nói …
programmingpythonPython table data
Cách cài linux trên máy dell g7
SymptomsTable of Contents:Do you need to Install Ubuntu on your Dell Computer?Things to know and check before you start an installSet up the Ubuntu InstallInstall Ubuntu on your computerConfiguring …
programmingUpdate BIOS DellTải Kali LinuxUbuntu laptop
Phiếu đánh giá chất lượng đảng viên năm 2023
Hôm nay danhsach.me sẽ tiếp tục đề cập tới chủ đề: Phiếu đánh giá phân loại viên chức giáo viên năm 2023. Các chủ đề chính trong bài này gồm: Phiếu …
programming2023
Hướng dẫn mongodb insert – mongodb chèn
Một số định nghĩa trước khi đi sâu về MongoDB. Đây là một cross-platform, DB hướng documents với hiệu năng cao, có thể đáp ứng cho đa dạng các hệ thống và …
programmingmongodbInsert trong MongoDBMongoDB tutorialField trong MongoDBDownload MongoDBMongodb la gì
Hướng dẫn border-radius bootstrap 5 – bootstrap bán kính biên giới 5
Biên giớiSử dụng các tiện ích biên giới để thêm hoặc loại bỏ một phần tử biên giới.Chọn từ tất cả các biên giới hoặc một tại một thời …
programmingbootstrapBorder-radius Bootstrap 4Rounded BootstrapCSS border-radiusRounded Bootstrap 5Border none bootstrapBorder Bootstrap 5Border Bootstrap 4Border-bottom Bootstrap
Hướng dẫn how do you display something in html? – làm thế nào để bạn hiển thị một cái gì đó trong html?
HTML chứa một số yếu tố để xác định văn bản với một ý nghĩa đặc biệt.Thí dụVăn bản này táo bạoVăn bản này là in nghiêngĐây là chỉ số và …
programminghtmlImage HTMLPrint JavaScriptBackground image HTMLHTML to textBold text HTMLImage tag HTMLHTML format OnlineInput text HTML
Hướng dẫn dùng pos 99999999 trong PHP
programmingphp
Hướng dẫn how to print a number n times in python – làm thế nào để in một số n lần trong python
Làm cách nào để in một số n lần trong Python?Tôi có thể in A 5 lần như thế này:print(A * 5) AAAAANhưng không phải 10, như thế này:print(10 * 5) 50Tôi muốn câu …
programmingpython
Hướng dẫn how do i convert a number to a percent in python? – làm cách nào để chuyển đổi một số thành một phần trăm trong python?
Đây là mã của tôi:print str(float(1/3))+% và nó cho thấy:0.0% Nhưng tôi muốn có được 0.0% 1Tôi có thể làm gì? MartineauHuy hiệu vàng 115K2525 gold badges160 silver …
programmingpythonFormat percentage PythonFormat number PythonPython dFormat print PythonFormat float Python
Hướng dẫn is python good for backend web development – python có tốt cho phát triển web phụ trợ không
Nó vẫn còn liên quan trong thời đại thống trị Go-Lang/NodeJS?Bài viết này ban đầu được đăng trên trang web của công ty chúng tôi. TechVarable là một công ty phát …
programmingpythonBest backend languagePython web development
Đại học kinh tế tuyển sinh 2023
Mục lụcI. Sơ lược về trường Đại học Kinh tế Quốc dân (NEU)II. Học phí dự kiến của trường Đại học Kinh tế Quốc dân năm 2023III. Học phí Đại học …
programming2023Tuyển sinh 2023
Hướng dẫn dùng stockholm timezone trong PHP
– Dưới đây là danh sách những múi giờ (time zone) được hỗ trợ trong PHP, những múi giờ này tương đối quan trọng bởi vì chúng rất thường được sử dụng …
programmingphp
Hướng dẫn how to calculate time difference in hours and minutes in php? – làm thế nào để tính toán chênh lệch thời gian theo giờ và phút trong php?
programmingphp
Khoảng cách giữa 2 cột css
Specify the Gap Between …
programmingcssText-overflow trong CSS
Hướng dẫn python os.scandir recursive – python os.scandir đệ quy
Đã hỏi 6 năm, 11 tháng trước 6 years, 11 months agoĐã xem 40k lần 40k times Hàm os.scandir(path) của Python 3.5 trả về các đối tượng Direntry nhẹ rất hữu ích với …
Xem thêm: Những Câu Nói Chọc Ghẹo – Top Những Câu Nói Bá Đạo Nhất Mọi Thời Đại
programmingpythonPython scandirPython scandir subfoldersos.scandir full pathPython os listdirOs scandir sorted
Quảng Cáo
Có thể bạn quan tâm
Hướng dẫn how do i change the default date in html calendar? – làm cách nào để thay đổi ngày mặc định trong lịch html?2 tuần trước. bởitranmytop
Hướng dẫn ajax php mysql – ajax php mysql2 tuần trước. bởitranhienhn
Hướng dẫn hash table vs hash map javascript – bảng băm so với bản đồ băm javascript2 tuần trước. bởinguyen_hoaimoi
Định dạng dd-mm-yyyy trong javascript2 tuần trước. bởiphamhiencute
Hướng dẫn get bytes from file javascript – lấy byte từ tệp javascript2 tuần trước. bởile.2022
Toplist được quan tâm
#1
Top 14 tổng đài châm sốc khách hàng điện máy chợ lớn 20226 ngày trước
#2
Top 8 định lý tiên đề ơ cơ lít 20225 ngày trước
#3
Top 9 10 vai trò của nhà quản trị theo mintzberg 20226 ngày trước
#4
Top 8 cùng em học toán lớp 4 tập 2 trang 44 20221 ngày trước
#5
Top 18 mùa thu trồng rau gì ở miền bắc 202258 phút trước
#6
Top 19 là ký hiệu gì trong toán học 20225 ngày trước
#7
Top 9 văn bản có hiệu lực trong tháng 8 20224 ngày trước
#8
Top 18 các siêu đô thị của châu á 20223 ngày trước
#9
Top 9 sách tin học lớp 6 cụ 20223 ngày trước
Quảng cáo
Xem Nhiều
Mẫu quyết định xóa nợ phải trả4 ngày trước. bởinguyenhienhcm
Điểm chuẩn đại học hutech 20232 ngày trước. bởidang_chinhkitty
Hướng dẫn is statistics a built in function python? – thống kê có phải là một hàm Python tích hợp sẵn không?1 ngày trước. bởiMissdungkitty
Toán lớp 6 tập 2 trang 64 kết nối tri thức3 ngày trước. bởivo_bao2
Tôi bị idol chuyện không thể tả phần 22 ngày trước. bởiLamtan2
Hướng dẫn voip call using python – gọi voip bằng python2 ngày trước. bởiDr_ca5
Hướng dẫn python idle not opening windows 10 – python nhàn rỗi không mở cửa sổ 104 ngày trước. bởiDrchinh_hn
Hướng dẫn python – remove tuples of length k – python – loại bỏ các bộ chiều dài k2 ngày trước. bởiDr_quyenhit
Hướng dẫn class python example – ví dụ về lớp python6 ngày trước. bởibuitan_2
Hướng dẫn javascript firefox – javascript firefox18 giờ trước. bởilenamhn
Quảng cáo
Chủ đề
Hỏi ĐápLà gìMẹo HayToplistĐịa Điểm HayHọc TốtprogrammingNghĩa của từCông NghệBao nhiêuTiếng anhMón NgonKhỏe ĐẹpTop ListSản phẩm tốtBài TậpXây ĐựngNgôn ngữỞ đâuHướng dẫnTại saoBài tậpDịch So SánhMáy tínhBao lâuVì saoĐại họcThế nàoKhoa HọcSo sánhHà NộijavascriptĐánh giá
Token Data
Quảng Cáo
Chúng tôi
Điều khoản
Trợ giúp
Mạng xã hội
Bản quyền © 2021 darkedeneurope.com Inc.