問題タブ [cropperjs]

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.

0 投票する
1 に答える
1848 参照

javascript - キャッチされていない TypeError: null のプロパティ 'toDataURL' を読み取れません - Cropper JS

以下のようなことを達成するためにjquery クロッパーを使用しています。ユーザーが入力をクリックするたびに、その画像がクロッパー キャンバスに送信されます。ユーザーがトリミングされた画像を保存すると、プレビュー ボックスに読み込まれ、クロッパー キャンバスがクリアされます。

これが私が達成しようとしているものです ここに画像の説明を入力

しかし、これの問題は、これが最初の入力ファイルに対してうまく機能することです。しかし、次の入力で同じことをしようとすると、

キャッチされていない TypeError: null のプロパティ 'toDataURL' を読み取ることができません

初めてうまく機能したときに、なぜこれが起こっているのかわかりませんでした。

私のコードはここにあります。

ここで jsFiddleにコードを追加しまし た

誰が私が間違っているのか教えてください。ありがとう