转换为 base64 并在 Javascript 中使用 ajax 发送图像

Question

我需要将选定的图像发送到服务器，这是我已经尝试过的

这是 HTML 部分

                    <div class="row">
                        <input type="file" name="filUpload" id="filUpload" onchange="showimagepreview(this)">
                        <br />
                        <img id="imgprvw" alt="uploaded image preview" class="img-thumbnail" />
                    </div>

我需要将编码图像放入 javascript 变量中，但我不知道

Answer 1

要将图像上传到服务器，您需要通过 AJAX 将图像数据发送到服务器端。

作为参考，您可以查看此链接：

http://www.sanwebe.com/2012/05/ajax-image-upload-and-resize-with-jquery-and-php

http://phppot.com/php/php-ajax-image-upload/

Answer 2

您可以尝试使用 jquery 的 base64 插件。 Jquery.Base64 插件

并这样做：

function showimagepreview(c) {
    var file = c;
    if(file.files.length)
    {
        var reader = new FileReader();
        reader.onload = function(e)
        {
            var b = $.base64.encode(e.target.result);

            $("#imgprvw").attr("src", "data:image/png;base64," + b);
        };
        reader.readAsBinaryString(file.files[0]);
    }
}