是否有可能上傳，然後顯示直HTML的圖像

這不是一個問題，我有代碼發佈，但只是一個問題，你是否可以上傳圖像，然後顯示該圖像沒有服務器端代碼（使用JS或Jquery的直接HTML或任何其他可用的插件）。我是一個.NET和Java人，他在MVC，ASP和JSP方面擁有豐富的經驗，但我想知道這是否可以實現。我一直在尋找幾個小時並沒有看到任何東西，但我知道必須有一種方法。我已經嘗試過使用JotForm和DropBox，但尚未想出任何東西。是否有可能上傳，然後顯示直HTML的圖像

我很感激沒有downvotes或諷刺對此，它的一個簡單的問題。

來源

2012-06-20 Dave_P

我可能會誤解你的問題。你怎麼可能沒有任何服務器端代碼上傳圖像到服務器？（或者：你爲什麼將JS和jQuery描述爲「服務器端代碼」？） – Blazemonger

簡答：沒有。沒有任何服務器端語言，就沒有上傳。

但是，可以使用此代碼來顯示圖像的客戶端：

<input type = "file" id = "my-file-input" /> 
<img src = "" alt = "" id = "my-image" /> 

... later ... 

<script> 
if (window.webkitURL){ 
    // support for WebKit browsers 
    window.URL = window.webkitURL; 
} 
$("#my-file-input").change(function (ev){ 
    var data = window.URL.createObjectURL(ev.target.files[0]); 

    $("#my-image").attr("src", data); 
}); 
</script>

這是不能保證工作的跨瀏覽器，因爲window.URL是一個新的HTML5功能，但它在Firefox正常工作和Chrome/Safari。

來源

2012-06-20 18:23:29 robbrit

所以只要我有一個圖像那裏...試圖掌握「＃我的文件輸入」和「＃我的 - 圖片」。我定義了什麼？ –

這些是分別用於文件輸入標記和圖像標記的CSS選擇器。我更新了我的示例以獲取它們，您可以將選擇器更改爲您喜歡的任何內容。 – robbrit

我會亂它，謝謝。 –

是否有可能上傳，然後顯示直HTML的圖像

回答

相關問題