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

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

1 个答案: