Javascript 如何将上载文件的URL获取到脚本中

上传完成后，我新上传的文件的URL为

    <div id="uploaded-file">

    <img src="http://path-to-my-file.jpg" />

    </div>

与

使用jQuery（尽管您可以使用vanilla JS）

然后将src作为变量

（无需更多信息，我只能提供这些信息。可能有更好的方法，但您最初的问题并不十分清楚……）

类似于：

<script>
    var myurl = document.getElementById("uploaded-file").getElementsByTagName("img")[0].src;   
    alert(myurl);
</script>

var myurl=document.getElementById（“上传文件”）.getElementsByTagName（“img”）[0].src；
警报（myurl）；

你能解释一下，你说的是哪个脚本吗？我有一个管理面板，用户从其中上传图像，这些图像存储在我服务器上的一个文件夹中，我们根据需要的id检索这些图像。实际上，我想从用户上传的图像中提取该URL，并使用svg路径的填充属性。显然，上传的文件将改变每一次…我需要能够调用任何文件上传，无论它是什么。希望能用作拖放功能…上传的图像被拖动到svg图像的所需区域，并被拖放以填充。感谢您的快速回复@rednevednav，你还不清楚。你能把你的脚本代码贴出来吗。您是否将上载的文件存储在服务器上？如果是，您必须已经知道物理路径。您是否正在寻找将物理路径转换为URL的答案？是的，将上载的文件存储在服务器上。。。这里是…滚动到脚本窗格的底部…那里有硬编码的img…你可以单击图像并查看…我需要能够对上传的任何内容进行一般填充…我可以完成其余部分…只是无法在脚本中获取危险url…脑胀气？

Layer_3.mousedown（function（）{this.animate({fill:'url（'http://farm5.staticflickr.com/4067/4584507098_b887327eae.jpg

Layer_3.mousedown（function（）{uploadedImg=$（'#upload file'）.find（'img'）；imgSrc=uploadedImg.attr（'src'）；this.animate（{fill:'url（imgSrc）}，600）；}）；我显然是新来的……我还应该做些什么来“结束”这个问题？或者发表对你有利的文章，等等？你已经接受了答案，这很好，有效地“结束”了这个问题，尽管它仍然可以查看和编辑，以便其他人可以参考，事情可能会随着时间的推移而改变。如果你想在我的文章中发表（或任何人的）赞成票，您可以使用帖子左侧的向上和向下箭头“向上投票”（或向下投票）任何答案。箭头之间的大数字表示收到的向上或向下投票数。

    <script>
    var myurl = document.getElementById("uploaded-file").getElementsByTagName("img")[0].src;   

    </script>

    Layer_3.mousedown(function() { this.animate({ fill:
    'url("http://farm5.staticflickr.com/4067/4584507098_b887327eae.jpg")' }, 600); });

    Layer_3.mousedown(function() { this.animate({ fill: 'url(' + myurl + ')' }, 600); });

uploadedImg = $('#uploaded-file').find('img');
imgSrc = uploadedImg.attr('src');

<script>
    var myurl = document.getElementById("uploaded-file").getElementsByTagName("img")[0].src;   
    alert(myurl);
</script>