获取url javascript后显示照片

因此，我允许用户通过cloudinary以编程方式上传这些图像。它正在工作，但我基本上希望用户从他们的本地设备选择图像，然后一旦他们选择它，它应该在提交前显示在页面上。这在大多数网站和应用程序中都是相当标准的，但我不知道如何做到这一点。我只能显示它生成的图像url，而不能实际显示图像

<script type="text/javascript">  
    var myWidget = cloudinary.createUploadWidget({
        cloudName: 'xxx', 
        uploadPreset: 'ld3l7evv'
    }, 
    (error, result) => { 
        if (!error && result && result.event === "success") {
            console.log('Done! Here is the image info: ', result.info); 
            console.log(result.info.secure_url)
            var result_url = result.info.secure_url;
            console.log("result url is " + result_url)
            document.getElementById("url").value = result_url;
        }
    })

document.getElementById("upload_widget").addEventListener("click", function() {
    myWidget.open();
}, false);

</script>

var myWidget=cloudinary.createUploadWidget({
cloudName:'xxx'，
上传预设：“ld3l7evv”
}, 
（错误，结果）=>{
如果（！error&&result&&result.event==“success”）{
log（'Done！这是图像信息：'，result.info）；
console.log（result.info.secure\u url）
var result\u url=result.info.secure\u url；
log（“结果url为”+结果url）
document.getElementById（“url”）.value=result\uURL；
}
})
document.getElementById（“upload_小部件”）.addEventListener（“单击”，函数（）{
myWidget.open（）；
}，假）；

然后我显示url，如下所示：

 <input type="text" name="url" id="url" value="" required data-readonly>

---

这是一个输入，但我需要它是一个图像。是的，我试过用图像

这回答了你的问题吗？您是否尝试过document.getElementById（'url'）。src=result\u图像元素的url？@HabibMhamadi是的，我收到了这样的图像url，但我无法显示它。如何获取图像url，然后将其显示在屏幕上？在HTML中创建图像元素。在JavaScript中，当您收到图像URL时，可以使用该URL更新图像的src。见我的上述评论