请教大侠，上传图片得到了图片的链接，自动填入文本框中，如何自动检测这个文本框里显示的图片地址在右边的预览图中显示出来？（图片地址不对就显示 yulan.png ，正确就直接显示图片）

这个要发请求的，前端应该没有办法获取图片数据

或者可以试试let img=new Image（）
img . src = 输入框的字符串，然后用canvas drawImage来生成图片

用onchange属性
xhr或者fetch发请求

onchange事件

获取到input的值之后用直接改src属性？

inputObj.onchange=function(){
var value=this.value;
var ajax=new XMLHttpRequest();
ajax.onreadystatechange=function(){
if(this.readyState==4&&this.status==200)imgObj.src=value;
else imgObj.src='yulan.png'
}
ajax.open('GET',value,true);
ajax.send();
}
inputObj是你的写的input，imgObj是你的图片

也可以把xhr的部分改成如下形式（大概）
fetch(value).then((resp) => {
if (this. status== 200) imgObj. src = value;
else imgObj. src = 'yulan.png';
})

简单的说，就是用ajax上传图片，后台保存成功后把地址传回前端，前端获取后同时赋值给img和input。另外也可以用file和canvas来实现不上传展示。至于用哪种，得看你的具体业务了

上传图片的时候是不是能拿到图片文件的地址，或者这个文件的句柄（？）

可以参考这个自己改改，它监听的是文件状态，发生变化时拿到文件并显示（也可以在此时把它的路径显示出来）。