6
Tôi đã cho phép thành công cho phép người dùng tải hình ảnh lên bộ nhớ cục bộ nhưng tôi muốn có thể lấy hình ảnh đó và điền vào phần tử hình ảnh trên trang với.Đang tải hình ảnh vào localStorage và đặt hình ảnh src thành vị trí đó
<h3>Please upload the image you wish to use.</h3>
<input id="photoin" type="file" accept="image/*;capture=camera"></input>
<a href="#delete_1" data-role="button" onClick="save()">Submit</a>
<script>
var i = 0;
function save(){
var input = document.getElementById("photoin").value;
var name = "photo_" + i;
localStorage.setItem(name, input);
$("#QR").src = window.localStorage[name];
i++;
}
</script>
Tôi đang tìm một thứ gì đó sẽ cho tôi biết URL của hình ảnh trong bộ nhớ, vì "window.localStorage [name]" chỉ trả về giá trị được ghép với khóa đó.
Cảm ơn!
Tại sao chính xác bạn muốn làm điều đó? Bộ nhớ cache của trình duyệt có đủ để giữ hình ảnh của bạn trên máy chủ không? – devundef
Tôi muốn người dùng có thể thay đổi nội dung trên một trang (nghĩa là tôi muốn người dùng tải lên hình ảnh của họ chứ không phải của tôi và sau đó có hình ảnh đó xuất hiện trên trang) – NodeNodeNode
Tôi hiểu! Mayge bạn có thể chuyển đổi hình ảnh thành base64 và sau đó đặt vào src = "data: image/png; <.. base64 image data ...>". Bạn sẽ phải sử dụng tệp api HTML5 để đọc tệp hình ảnh sau đó chuyển đổi dữ liệu thành base64. Bài đăng này sẽ giúp bạn hội tụ: http://stackoverflow.com/questions/246801/how-can-you-encode-to-base64-using-javascript#246813 – devundef