获取已上传图片的网址

Question

我想要的是当用户上传图片并按下按钮时我想将网址保存在数据库中。

我尝试过使用：$(#img).attr('src')但是这给了我一个真正的长字符串。

HTML代码：

<div id="upload_picture">
    <label class="custom-file-upload">
        <input class="btn btn-primary" type='file' id="image" size="10" name="pictureURL"/>
        <img id="imageChosen" width="250px" height="250px"/>
    </label>
</div>
<a class="btn btn-primary" id="order_button"">Order pic!</a>

JS代码：

$( "#order_button" ).on( "click", function() {
    var picUrl = $('#imageChosen').attr('src');
...

是否可以获得“正常”网址？

编辑

这是一个咖啡问题，sry。是的，用户使用本地URL上传它。也许我应该做的是为图片生成我自己的网址？或者最佳做法是什么？

Answer 1

您看到的网址是正确的 - 它应该是这样的，因为图片已上传且未被引用（＆＃34; https.google.com/yourimageid"）。