转换为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 plugin

并且这样做：

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]);
    }
}