使用Ajax将图像发送到PHP

Question

我又有一个问题。 我想知道我可以通过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: ? ? ?
    });
}

Answer 1

您不能直接通过AJAX向服务器发送数据（文件，图像）。

您必须使用以下框架：http://www.plupload.com/，http://valums.com/ajax-upload/，或者您可以在此处阅读更多内容 - ＆gt; http://www.webdeveloperjuice.com/2010/02/13/7-trusted-ajax-file-upload-plugins-using-jquery/

Answer 2

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

Answer 3

在jquery上进行文件上传时有各种现成的插件。

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

以下是一些：

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

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

您可以从jquery的插件-site中搜索更多内容。