Giá trị thiết lập động của đầu vào tệp

Question

Có cách nào để đặt giá trị của đầu vào tệp (<input type="file" />) hay là tất cả bị chặn để bảo mật? Tôi đang cố gắng sử dụng openFiles của google gears để tạo một trình tải lên đa đơn giản.

Lưu ý:

Câu trả lời (s) dưới đây phản ánh tình trạng của các trình duyệt di sản vào năm 2009. Bây giờ bạn thực sự có thể thiết lập giá trị của phần tử tập tin đầu vào tự động/programatically sử dụng JavaScript trong năm 2017.

Xem câu trả lời trong câu hỏi này để biết chi tiết cũng như một bản demo:
How to set file input value programatically (i.e.: when drag-dropping files)?

Answer 1

Nó không thể DYNA mically thay đổi giá trị của một lĩnh vực tập tin, nếu không bạn có thể đặt nó vào "c: \ yourfile" và ăn cắp các tập tin rất dễ dàng.

Tuy nhiên, có nhiều giải pháp cho hệ thống đa tải lên. Tôi đoán rằng bạn đang muốn có một hộp thoại mở nhiều lựa chọn.

Có thể xem http://www.plupload.com/ - đó là giải pháp rất linh hoạt cho nhiều tệp tải lên và hỗ trợ các vùng thả e.t.c.

Answer 2

Tôi có vấn đề tương tự, sau đó tôi đã thử viết này từ JavaScript và nó hoạt động! : referenceToYourInputFile.value = "" ;

Answer 3

Tôi đang làm việc trên ứng dụng js góc và andhavecome trên một vấn đề tương tự. Những gì tôi đã làm là hiển thị hình ảnh từ db, sau đó tạo ra một nút để loại bỏ hoặc giữ hình ảnh hiện tại. Nếu người dùng quyết định giữ hình ảnh hiện tại, tôi đã thay đổi thuộc tính ng-submit thành một hàm khác mà không yêu cầu xác nhận hình ảnh và cập nhật bản ghi trong db mà không chạm vào tên đường dẫn hình ảnh ban đầu. Chức năng xóa hình ảnh cũng thay đổi giá trị thuộc tính ng-submit trở lại một hàm gửi biểu mẫu và bao gồm xác nhận hình ảnh và tải lên. Ngoài ra một chút javascript để trượt vào xem để tải lên một hình ảnh mới.

Answer 4

tôi đã kết thúc làm điều gì đó như thế này cho AngularJS trong trường hợp ai đó tình cờ qua câu hỏi này:

const imageElem = angular.element('#awardImg'); 

if (imageElem[0].files[0]) 
    vm.award.imageElem = imageElem; 
    vm.award.image = imageElem[0].files[0]; 

Và sau đó:

if (vm.award.imageElem) 
    $('#awardImg').replaceWith(vm.award.imageElem); 
    delete vm.award.imageElem;