input文件上传图片(input背景图片位置)

错误实例(fakepath路径) html input type=' file ' id=' recipient-name ' scriptvarfile=$ (' # recipient-name ' )； //id值为.的file类型的表单$(file ).change(function )//在表单内容完成后实现的方法varfiletoncet=$(this ).val； //获取表单内容console.log(filetoncet )； //输出表单的内容img src=' c :fake path3.3.jpg '/varcreatimg=' img src=' ' filetoncet ' '/'； //生成图像标记，然后生成路径和表单的内容，即路径(varimgdiv=$('.div-img ' ).append ) creatimg )； //将此图像标记插入指定位置，照片中未显示console.log(creatimg )； //输出图像的路径imgsrc='c:fakepath 3.3 .由于jpg ' /浏览器存在安全问题，会自动更改图像路径，因此此时图像路径不是原始路径，而是不显示图像，不知道如何解决问题的html input type=' file ' id=' recipiene //调用获取图像信息的方法}(varexgetimg=function(extag ) ) { var file=extag.files[0]； //选定文件的第一个文件(作为固定格式) var readers=new FileReader )； //创建新的文件朗读对象，将//导入的文件的路径定义为url类型readers.onload=function ()///，表示路径readers.readasdataurl(file ) //在读取图像地址之后，result的结果是，Dataurl //this.result转换为图像的url路径console.log(imgsrc )//显示的图像的url路径是img的src属性varcc 生成图像标记，然后生成路径和表单的内容，即路径(varimgdiv=$('.div-img ' ).append ) creatimg )； //将此图像标签插入指定位置后，显示照片。 }