2011-10-28 40 views
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)、全体ではなく、パス(例:/ホーム/何とか/ blah .. /abc.jpg)

ユーザーがイメージをプレビューできるようにする方法はありますか?私はそれを切り抜いてサーバーに送信できますか?または、私は最初に元のファイルをサーバーに保存して、ユーザーツールを表示して、最近追加されたイメージをそのユーザーが切り抜くだけでよいのですか?

答えて

0

あなたがアーカイブしようとしていることは、実際には不可能です:JavaScriptを使用してユーザーのローカルマシンからイメージをグラッピングすること。 (セキュリティ上の問題)

しかし、一部のブラウザでは(だけではクロムだと思っ)あなたはこの方法で使用することができます:http://html5demos.com/file-api-simple

を...

ラメ答えて申し訳ありません

が、今は本当に疲れている... :)しかし、あなたとにかく理解できるかもしれない?

アンドレアス

関連する問題