0
我想讓用戶上傳他的照片。如何在上傳之前從用戶裁剪圖像/預覽圖像？
他選擇從他的本地計算機上的照片後，我的最終目的是爲了節省一些具體的尺寸（矩形）的該圖像的縮略圖。 爲了保持寬高比，我必須提示用戶裁剪該圖像，然後我將爲它創建縮略圖。
爲此，我想到了辦法先上傳，然後預覽圖像給用戶
，然後我會使用外部插件（jcrop我猜）裁剪該圖像
，最後將其發送到服務器。
我無法預覽圖像。有些消息來源表示喜歡。
<input type="file" onclick="preview(this)" >
與JS：
function preview()
{
alert(this.value);
//code to append the image content in some div.
}
，但我只能看到警告框的文件的最終圖像名稱（例如abc.jpg的），而不是整個路徑（例如/首頁/胡說/等等.. /abc.jpg）
有什麼辦法可以讓用戶預覽圖像，這樣我可以裁剪，然後發送到服務器？或者我必須先將原始文件保存到服務器，然後才顯示用戶工具以裁剪他最近添加的圖像。