$('#imgstore').change(function(e){
var value=e.target.value;const xhr = new XMLHttpRequest();
xhr.open('POST', window.Retail+'index.upload/index');
const data = new FormData();
data.append('file', this.files[0]);
xhr.send(data);
xhr.addEventListener('load', () => {
// console.log(xhr.responseText)
const response = JSON.parse(xhr.responseText);
if(response && response.code === 0){
if(response.data && response.data.url){
console.log(response.data.url);
}
}
});
xhr.addEventListener('error', () => {
// console.log(xhr.responseText)
if(xhr.responseText){
const error = JSON.parse(xhr.responseText);
console.log(error);
}
});
})
本文介绍了如何利用JavaScript处理HTML中的文件输入元素,实现实时预览和上传图片的功能。通过对`change`事件的监听,获取到用户选择的图片文件,并进行合法性检查,然后使用FileReader API读取文件内容,显示预览。该方法适用于前端开发中的图片上传场景。
1305

被折叠的 条评论
为什么被折叠?



