如何在上传前从用户裁剪图像/预览图像？-Java 学习之路

我想让用户上传他的照片 .

在他从本地计算机中选择图片后，我的最终目标是保存某些特定尺寸（矩形）图像的缩略图 . 为了保持纵横比，我必须提示用户裁剪该图像，然后我将为它创建缩略图 .

为此，我想到了首先上传，然后将图像预览给用户
然后我会使用外部插件（jcrop我猜）来裁剪该图像
然后最终将其发送到服务器 .

我无法预览图像 . 一些消息来源暗示如此

<input type="file" onclick="preview(this)" >

与JS：

function preview()
{
 alert(this.value);
 //code to append the image content in some div.
}

但我只能在警告框中看到文件的最终图像名称（例如abc.jpg），而不是整个路径（例如/ home / blah / blah .. /abc.jpg）

有什么方法可以让用户预览图像，以便我可以裁剪它然后发送到服务器？或者我必须先将原始文件保存到服务器，然后只显示用户工具以裁剪他最近添加的图像 .

1 回答