使用 Ajax 将图像发送到 PHP

Posted

技术标签:

【中文标题】使用 Ajax 将图像发送到 PHP【英文标题】:Send Image to PHP with Ajax 【发布时间】:2012-06-21 10:29:09 【问题描述】:

我又有一个问题。 我想知道我是否可以通过 AJAX 将图片发送到 php 文件。 我应该将数据写入图像中以图像而不是文本的形式到达

<form onsubmit="sendWithAjax()">
    <label>File:
        <input name="myfile" type="file" size="30" />
    </label>
    <input type="submit" name="submitBtn" class="sbtn" value="Upload" />
</form>

sendWithAjax(e) 
    e.preventDefault();
    jQuery.ajax(
        type: "POST",
        url: "upload.php",
        data: ? ? ?
    );

【问题讨论】:

不好的问题。没有用的答案。 【参考方案1】:

您不能直接通过 AJAX 向服务器发送数据(文件、图像)。

您必须使用一些框架,例如:http://www.plupload.com/、http://valums.com/ajax-upload/,或者您可以在此处阅读更多信息 -> http://www.webdeveloperjuice.com/2010/02/13/7-trusted-ajax-file-upload-plugins-using-jquery/

【讨论】:

【参考方案2】:

您可以使用uploadify 将图片发送到特定的 PHP 页面以进行详细说明。

【讨论】:

【参考方案3】:

在jquery上做文件上传有各种现成的插件。

进行这种上传技巧并不是一种愉快的体验,因此人们喜欢使用现成的解决方案。

这里有一些:

http://www.webmotionuk.co.uk/jquery-image-upload-and-crop-for-php/

http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

您可以从 jquery 的插件站点搜索更多内容。

【讨论】:

第二个链接绝对不是上传演示。

以上是关于使用 Ajax 将图像发送到 PHP的主要内容,如果未能解决你的问题,请参考以下文章

通过 Ajax 将裁剪的图像数据发送到 PHP

通过 jQuery + Ajax 将带有 Google reCaptcha v2 令牌的图像文件发送到 PHP

将裁剪的图像发送到数据库 ajax 在客户端和服务器上的 PHP

使用ajax post将图像从本地商店发送到mysql

如何使用ajax将输入文件数据值发送到php页面

Fabric.js canvas.toDataURL() 通过 Ajax 发送到 PHP