将HTML图像对象作为文件POST

时间:2014-09-01 13:57:40

标签: javascript php jquery html ihtmlimgelement

我在变量中有 HTMLImageObject ,我想将此图像作为文件发布到将执行图像处理的服务器。服务器只接受文件,以便如何将包含 HTMLImageObject 的变量转换为文件并将其发送到服务器?

2 个答案:

答案 0 :(得分:1)

嗯,根据我自己的任务,你需要将图像创建为一个元素。

为此你可以使用以下代码:

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

变量a被设为emelemtary图像以访问图像" myPhoto" 例如, 在编辑器中尝试:

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

您从网络源添加了图片并定义了其尺寸

现在,

 <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>***

注意:&#34; Me.gif&#34;是示例中使用的图像。你可以使用我们自己的。

答案 1 :(得分:0)

非常感谢您的回复。实际上我已经将网络摄像头嵌入到我的网络应用程序中,所以我没有从外部来源拍摄任何图像。我捕获一个图像,它现在是一个JQuery变量。我需要将其转换为文件类型并将其POST到服务器。