Sử dụng tính năng nhập biểu mẫu để truy cập máy ảnh và tải ảnh lên ngay lập tức bằng ứng dụng web

Tôi đã tìm thấy câu trả lời tuyệt vời này:

Trong iPhone iOS6 và từ Android ICS trở đi, HTML5 có thẻ sau cho phép bạn chụp ảnh từ thiết bị của mình:

    <input type="file" accept="image/*" capture="camera">

Chụp có thể lấy các giá trị như máy ảnh, máy quay và âm thanh.

Có thể tiến thêm một bước này bằng cách sử dụng ajax nào đó để tải ảnh lên ngay sau khi chụp không?

Ví dụ: sử dụng điện thoại của tôi, khi tôi nhấn vào đầu vào, sau đó nó sẽ mở máy ảnh, ngay lập tức máy ảnh sẽ cho phép tôi chụp và lưu ảnh. Khi tôi lưu nó vào máy ảnh, nó được liệt kê bằng nút đầu vào dưới dạng tệp để tải lên.

Điều gì sẽ xảy ra để bức ảnh này được tải lên ngay lập tức thay vì đợi người dùng nhấp vào nút Gửi của biểu mẫu?

Thực sự dễ dàng để thực hiện việc này, chỉ cần gửi tệp qua yêu cầu XHR bên trong trình xử lý trao đổi của đầu vào tệp.

<input id="myFileInput" type="file" accept="image/*;capture=camera">

var myInput = document.getElementById('myFileInput');

function sendPic() {
    var file = myInput.files[0];

    // Send file here either by adding it to a `FormData` object 
    // and sending that via XHR, or by simply passing the file into 
    // the `send` method of an XHR instance.
}

myInput.addEventListener('change', sendPic, false);