账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js upload 图片对象
    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
    打赏
    收藏
    点击回答
        全部回答
    • 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函数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部