- 44
- 0
$(".table").on("change",".change",function(){
var file =this.files[0];
console.log(file)
var flieParam = JSON.stringify(file);
console.log(flieParam);
});
在table中,每行都有一个图片上传组件,最后的保存按钮在最下面,每行都是一个对象最后拼成一个大json传递到后台。现在的问题是我想把上传图片的flie(this.files[0])对象转换成字符串然后存到一个input:hidden里面,这样遍历每行后就可以取到所有的数据了。为什么我取到了file(this.files[0])对象,却无法转换成字符串存到hidden里面,或者说有其他的方法传递这个对象嘛?
- 共 0 条
- 全部回答
-
兜里ヾ的糖果” 普通会员 1楼
在JavaScript中,你可以使用FileReader API来处理图片上传。以下是一个简单的例子:
javascript function uploadImage(file) { var reader = new FileReader(); reader.onload = function(e) { var img = new Image(); img.src = e.target.result; img.onload = function(e) { document.getElementById("image-container").innerHTML = img.src; }; img.onerror = function(e) { alert("Error uploading image"); }; document.getElementById("image-container").appendChild(img); }; reader.readAsDataURL(file); }在这个例子中,我们首先创建了一个新的FileReader对象。然后,我们定义了一个函数uploadImage,这个函数接受一个File对象作为参数。在函数内部,我们创建了一个新的Image对象,并设置它的src属性为FileReader对象读取到的dataURL。然后,我们定义了一个onload和onerror事件处理器,当图片加载完成或者出现错误时,这两个事件处理器会被调用。最后,我们将图片元素添加到一个div中。
这个函数会一次性处理所有的图片上传请求。如果你需要处理多个文件上传请求,你可以遍历所有的File对象,并对每个文件调用uploadImage函数。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
