2014-09-01 80 views
1

我有一個HTMLImageObject在一個變量中,我想POST這個圖像作爲文件到服務器將執行圖像處理。服務器只接受文件,所以如何將包含HTMLImageObject的此變量轉換爲文件並將其發佈到服務器?POST HTML圖像對象作爲文件

回答

1

嗯,根據我自己的任務,這樣的事情你需要創建圖像作爲一個元素。

爲u可以使用下面的代碼:

var a = document.getElementById("myPhotp"); 

變量已經assgined爲emelemtary圖像訪問圖像 「myPhoto」 E,G, 嘗試在編輯:

<img id="myPhoto" src="me.gif" width="200" height="120"> 

你從web源添加的圖像,並且

現在定義其大小,

<p id="show"></p> 
    <script> 
    function myFunction() { 
     var a = document.getElementById("myPhoto").src; 
     document.getElementById("show").innerHTML = a; 
    } 
    </script> 

使用JavaScript,我們可以讓無障礙 <button onclick="myFunction()">Click me</button>

var a = document.createElement("IMAGE") 

這裏的圖像對象被創建。 E,G

創建圖像作爲元件和通過按鈕訪問

***<button onclick="myFunction()">Click me</button> 
<script> 
function myFunction() { 
    var a = document.createElement("IMAGE"); 
    a.setAttribute("src", "Me.gif"); 
    document.body.appendChild(a); 
} 
</script>*** 

注: 「Me.gif」 是在實施例中使用的圖像。你可以使用我們自己的。

0

非常感謝您的回覆。其實我已經嵌入了一個網絡攝像頭到我的網絡應用程序,所以我沒有從外部來源獲取任何圖像。我捕獲一個圖像,它現在在一個JQuery變量中。我需要將其轉換爲文件類型並將其發佈到服務器。

+0

服務器期待的文件格式是? 'html','data-uri'?圖像是否保存爲變量,作爲具有'src'屬性的'img'標籤?謝謝 – guest271314 2014-09-01 18:05:39

+0

它期望data-uri。謝謝回覆。 – 2014-09-04 08:15:30

+0

也許如果編輯OP來包含「服務器只接受文件,那麼如何將包含HTMLImageObject的此變量轉換爲[_data-uri_]文件並將其發佈到服務器?」 ,OP會遇到http://stackoverflow.com/help/mcve? – guest271314 2014-09-04 14:41:15