問題タブ [cropper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - dropzne jsでアップロードする前にCropperが複数の画像をトリミングする
ユーザーがドラッグ アンド ドロップで画像をアップロードできるようにするために、dropzone.js で Bootstrap を使用しています。そのため、複数の画像でもアップロードを含めて正常に機能するドロップゾーンを作成しました。しかし今、アップロードする前に画像をトリミングしたいと思います。dropzone.js の init 関数内の Event がちょうどいいところだと思いthis.on("added file", function(file){ますが、特殊なモデルで 1 つずつトリミングして、トリミングした画像をアップロードできるようにファイルを変換する方法がわかりません。
javascript - Croppie の使用 - 簡単な例
Foliotek の画像クロッパー Croppie を使用しようとしていますが、何らかの理由で機能しません。非常に単純な例を使用しています。
次のページのデモ例を使用しています: http://foliotek.github.io/Croppie/
しかし、IE と Chrome の両方で、ブラウザに空白のページしか表示されません。
私のHTMLコードは次のとおりです。
誰かがこの画像クロッパーを機能させるのを手伝ってくれることを願っています:-)
ありがとう - ジェームズ
angular - angular-cliでCropper.jsをAngular2プロジェクトに使用するには?
Angular-cli で Angular2 クロッパーを作成するには、cropper.js ( https://github.com/fengyuanchen/cropperjs ) を使用します。
私の指示は次のとおりです。
からのエラーng serveは次のとおりです。 Cannot find module 'cropperjs'
しかしcropperjsが入っnode_modulesていて、私のものは次のangular-cli.jsonように更新されています:
私は問題を解決するためのアイデアを持っていません..
android - edmodocropperライブラリを使用して選択したファイルが画像かどうかを確認します
組み込みの CropImageActivity を使用して画像を選択すると、ピッカーは外部アプリ (私の場合は WPS Office) からファイル (任意の種類) を選択するオプションを表示します。したがって、pdf ファイル (たとえば) を選択すると、 onSetImageUriComplete() はエラーを引き起こしません。
このような場合、エラーは null ではありません。そのため、UI には何も表示されず、それが画像かどうかを知る方法がありません。
URI から拡張子を確認しようとしましたが、一部のモデル (私の場合は One Plus X) では、uri に必ずしも拡張子が含まれているとは限りません。
また、URIをファイルにロードしてから、次のコードを使用して確認してみました:
ただし、One Plus X の場合は、再び false を返します。フェッチされたファイルが画像であるかどうかを確認する他の方法 (リソースを集中的に使用しない方法) はありますか?