使用PHP yii框架以圖像預覽和裁剪工具的註冊表格上傳圖像？

如何使用PHP yii框架將註冊表單中的圖像與圖像預覽和裁剪工具上傳到一起？使用PHP yii框架以圖像預覽和裁剪工具的註冊表格上傳圖像？

我在我的yii框架中有一個用戶註冊表單，並希望爲用戶圖像包含一個圖像上傳。我希望上傳後的圖片直接顯示在上傳成功的表格中。之後，我想調整大小和裁剪圖像，並在提交創建用戶表單時保存圖像，並且用戶記錄應該包含圖像的網址以便稍後顯示。

如何設置要存儲的圖像的固定大小？也就是說，當我想要寬度爲200px×高度300px的圖像時。

2012-02-28 confile

對於更新前的實時預覽，您可以使用html5 File API。我建議你看看這些鏈接： file-api-example
https://developer.mozilla.org/en/Using_files_from_web_applications

對於在服務器端裁剪圖像，請使用以下警予擴展：
http://www.yiiframework.com/extension/image/

您也可以讓在用戶裁剪圖像客戶端。您可以定義固定寬高比並讓圖像的選擇部分。我個人使用Jcrop JavaScript庫。

你想要圖像爲200px x 300px。 AspectRadio在這種情況下是0.67。您在Jcrop定義的aspectRatio：

jcr = $.Jcrop('#imageDisplay'); 
jcr.setOptions({ 
trackDocument: true, 
aspectRatio: 0.74,

由於您的寬高比是固定的，你只有使用上述擴展到圖像尺寸調整到200像素x300像素。

2012-02-29 16:59:35 Jakub

回答