Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将浏览的附件链接还原到文件输入_Javascript_Jquery - Fatal编程技术网

Javascript 将浏览的附件链接还原到文件输入

Javascript 将浏览的附件链接还原到文件输入,javascript,jquery,Javascript,Jquery,下面是我的代码片段,下面的内容是,当我单击文本为“浏览附件”的按钮时,输入文件将被触发,然后在选择文件(图像)之后,它将被渲染到id为“image\u container”的图像标记,如果单击文本为“Reset”的按钮然后,以前的图像url将恢复到图像容器(#image_container)。变量save_src将保存以前的图像源,save_pic变量将保存以前的浏览文件链接,因此当用户单击“重置”时,save_src将放回图像容器src,然后save_pic将放回输入文件 图像src的恢复正在

下面是我的代码片段,下面的内容是,当我单击文本为“浏览附件”的按钮时,输入文件将被触发,然后在选择文件(图像)之后,它将被渲染到id为“image\u container”的图像标记,如果单击文本为“Reset”的按钮然后,以前的图像url将恢复到图像容器(#image_container)。变量save_src将保存以前的图像源,save_pic变量将保存以前的浏览文件链接,因此当用户单击“重置”时,save_src将放回图像容器src,然后save_pic将放回输入文件

图像src的恢复正在工作(它恢复了以前的图像),但是不幸的是,以前的浏览文件的恢复没有工作,它抛出了这个错误

“未捕获的InvalidStateError:未能在上设置'value'属性。” “HTMLInputElement”:此输入元素接受文件名,该文件名可能 只能以编程方式设置为空字符串。“

有什么想法吗,帮帮我

PS:这是一个ajax上传图像,所以我附带了一些方便的上传风格

var save\u src,save\u pic;
$(文档).ready(函数(){
$(“#重置按钮”)。单击(函数(){
$(“#员工_图像_边栏”).prop(“src”,save_src);
$(“#浏览文件”).val(保存图片);
});
$(“#浏览_文件”).change(函数(){
if($(this.val()!=“”){
保存src=$(“#image_container”).attr(“src”);
保存图片=$(“#浏览文件”).val();
var reader=new FileReader();
reader.onloadend=函数(){
$(“#image_container”).prop(“src”,reader.result);
}
if(this.files&&this.files[0]){
reader.readAsDataURL(this.files[0]);
}否则{
$(“#image_container”).prop(“src”,”);
}
}
});
$(“#浏览按钮”)。单击(函数(){
$(“#浏览#u文件”).trigger(“单击”);
});
});

浏览附件
重置

由于安全限制,您想做的事情不可能完成。错误消息是完全不言自明的;除了清除元素外,无法通过编程方式设置元素的值。仅允许浏览器用户使用浏览器的“文件选择器”对话框对其进行更改。移除违规线路,一切都会好起来:

$("#browse_file").val(save_pic); // XXX DELETE THIS