画像のアップロードにクロップ機能を実装しています。
これが一連のイベントです。
1a)We call Filepicker.pick method to upload file to filepicker,
1b)Then filepicker uploads it to s3.
2a)Then we call filepicker.stat method to get dimensions.
2b)Then we call filepicker.convert to get small preview image and set that in crop dialog on the user end.
3a)When user adjusts the cropping area using jquery, we capture the dimensions.
3b)Then when user presses the crop button, we call filepicker.crop to get the cropped image.
4a)After that we call filepicker.convet to get 3 sizes. Thumb, small, medium.
5a) Then we move these images to S3 upon save on the user end.
私たちの最終的な目標は、ファイルのアップロード/トリミング中のユーザー エクスペリエンスがスムーズかつ可能な限り高速になることです。現在、これは課題であり、プロセス全体が遅いです。そのため、ステップ 1b は実際には必要ないため、省略しようとしています。
この機能の実装を見た経験から、私たちの全体的なプロセスは理にかなっていますか?
どうもありがとう。