如何獲得上傳文件的URL爲腳本

一旦上傳完成後，新上傳的文件有如何獲得上傳文件的URL爲腳本

<div id="uploaded-file"> 

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

    </div>

的URL如何獲取上傳文件的URL到我的腳本？

<script> 
    script stuff.use this.etc 
    ('http://path-to-my-file.jpg') 
    }); 
    </script>

在此先感謝您的幫助！

編輯：

我用：

<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); });

Here is JSFiddle

來源

2011-12-13 rednevednav

你能解釋一下，它的腳本，你在說什麼，我有一個管理員從用戶上傳圖像的面板，這些圖像存儲在我的服務器上的文件夾中，我們根據我們需要的ID檢索這些圖像。 – Murtaza

實際上，我想從用戶上傳的圖像中提取該URL，並使用填充屬性爲svg路徑。很明顯，上傳的文件每次都會改變......我需要能夠調用上傳的任何文件，而不管它是什麼。將希望使用作爲拖放功能....上傳的圖像被拖動到svg圖像的所需區域，並下降填補。謝謝你的快速反應！ – rednevednav

@rednevednav，你還不清楚。你可以請張貼你的javscript代碼。你是否將上傳的文件存儲在服務器上？如果是，你必須已經知道物理路徑。您是否在尋找將物理路徑轉換爲網址的答案？ –

喜歡的東西：

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

來源

2011-12-13 11:32:36 graphicdivine

這工作！謝謝！！編輯原始答案... – rednevednav

樂意幫忙。謝謝。 – graphicdivine

我很明顯這裏是新的...還有什麼我應該做的'關閉'這個呢？或發佈在你的青睞等？ – rednevednav

使用jQuery（雖然你可以使用香草JS代替）...

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

你就必須在src作爲變量...

（這就是我可以給你不更多信息。可能有這樣做的更好的方法，但你最初的問題是不是真的清楚...）

來源

2011-12-13 11:29:45 MassivePenguin

'Layer_3.mousedown（function（）{ this.animate（{url}（「http://farm5.staticflickr.com/4067/4584507098_b887327eae.jpg」）' }，600）; }） ;' – rednevednav

Layer_3.mousedown（function（）{ uploadedImg = $（'＃uploaded-file'）。find（'img'）; imgSrc = uploadedImg.attr（'src'）; this.animate（{fill ：'url（imgSrc）'}，600）; }）; – MassivePenguin

如何獲得上傳文件的URL爲腳本

回答

相關問題