0

HTML および JS 技術を使用したファイルアップローダーの実装を探しています。ターゲットは、ほとんどのプラットフォームで実行することですが、少なくとも Google Chrome、FireFox、および IE9+ では、スクリーンショットのコピー アンド ペーストとドラッグ アンド ドロップが可能です。

残念ながら、そこには多くのものはありません。実装が簡単なので、私はblueimpの方が好きです。もう 1 つは、 imgurが使用するようなものである可能性があります。しかし、そのため、git-repo は見つかりませんでした。

主な目標は、スクリーンショットを作成して貼り付ける機能を備えた GC、FF、および IE9+ で使用することであり、さらにドラッグ アンド ドロップの機能を備えています。Silverlight や flash などのフォールバックがあっても。

何かアドバイス？

4

3 に答える 3

1

過去にこちらを使っていました

https://github.com/valums/file-uploader

私の記憶が正しければ、それは非常にうまく機能しました。

今は https://github.com/Widen/fine-uploaderに移動しました

フラッシュを使用せず、ドラッグ アンド ドロップ機能を備えています。

「スクリーンショットを作成して貼り付ける機能」とはどういう意味ですか?

于 2013-03-29T09:02:14.550 に答える
1

Fine Uploaderは、数日中にリリースされる 3.4 でアップロードする画像のコピーと貼り付けをサポートします。このサポートは、最初は Chrome に対してのみ存在します。これを Firefox や、おそらくクリップボード API を適切にサポートしていない他のブラウザーで機能させるには、別のバージョンで行う予定です。

Fine Uploader での画像のコピー/貼り付けのサポートについて詳しくは、このトピックについて書いたブログ投稿をご覧ください。興味がある場合は、Github で関連する機能ケースを調べてコメントすることもできます。

完全開示: 私は Fine Uploader の主要なメンテナーです。

于 2013-03-29T13:06:54.657 に答える
-1

だから、私は私自身の解決策を得ました。

blueimp fileuploaderに実装しました。

@Ray Nicholus、FFに画像を貼り付けるためにこれを試してみるのに助けが必要な場合に備えて：

コンテンツの編集可能な div を挿入します。

<div id="editable" style="position: absolute; left: -99999;" contenteditable></div>

貼り付けの場合、これを使用します。

document.onpaste = function(event){
                    $('#editable').focus();

                    setTimeout(function()
                    {
                       //get the base64 image
                       var src = $('#editable').find('img:first').attr('src');
                       //doing something with the image... and clearing the div
                       $('#editable').empty();
                    }, 10);

編集：もちろん、それが画像かどうかを検証する必要があります。

ありがとうございました。あなたの素晴らしいアップローダーが新機能でオンラインになっている場合は、試してみます;)また、サンプルをダウンロードせずに試してみることができる、もう少し具体的なデモがあることを願っています.

ダニエル

于 2013-04-02T12:05:47.407 に答える