如何在不上传的情况下显示预览图像？ [复制]

Question

我想在不上传图片的情况下显示预览图片。最好是如果我可以先裁剪图像，然后显示预览。做这个的最好方式是什么？我听说这可以用 jquery 和 ajax 来完成。我的网站使用的是 cakePHP。

Answer 1

html代码：

<input type="file" id="files" />
<img id="image" />

JavaScript 代码：

document.getElementById("files").onchange = function () {
    var reader = new FileReader();

    reader.onload = function (e) {
        // get loaded data and render thumbnail.
        document.getElementById("image").src = e.target.result;
    };

    // read the image file as a data URL.
    reader.readAsDataURL(this.files[0]);
};

您可以参考更多Here