私は自分の写真をアップロードしたいと思っています。画像をトリミングする方法/画像をアップロードする前にユーザーから画像をプレビューする方法は?
彼は自分のローカルコンピュータから画像を選択した後、究極の目的は、特定のサイズ(長方形)の画像のサムネイルを保存することです。 アスペクト比を維持するには、ユーザーにその画像をトリミングするよう指示してから、サムネイルを作成する必要があります。
私が最初にアップロードする方法を考えた。このため、その後は、ユーザー
に画像をプレビューしてから、私はそのイメージ
をトリミングするために、外部プラグイン(私は推測するjcrop)を使用して、最終的には、それをサーバに送信します。
画像のプレビューに問題があります。 いくつかの情報源のように示唆しています。
<input type="file" onclick="preview(this)" >
JSと
:
function preview()
{
alert(this.value);
//code to append the image content in some div.
}
が、私は警告ボックス内のファイルの最終的な画像の名前を見ることができるだけだ(例えばabc.jpg)、全体ではなく、パス(例:/ホーム/何とか/ blah .. /abc.jpg)
ユーザーがイメージをプレビューできるようにする方法はありますか?私はそれを切り抜いてサーバーに送信できますか?または、私は最初に元のファイルをサーバーに保存して、ユーザーツールを表示して、最近追加されたイメージをそのユーザーが切り抜くだけでよいのですか?