2017-03-09 1 views
0

Angular 1で画像のアップロード機能を作成しようとしています。画像のアップロード、アップロードした画像の削除、画像の変更を許可する必要があります。アップロードされた画像を削除して同じ画像を再アップロードした後、変更イベントは発生せず、ユーザーは同じ画像を再度アップロードすることができません。コンソールのエラーはUncaught SyntaxError: Unexpected end of inputです。私はGoogle Chromeを使用しています。しかし、他の画像をアップロードしようとするとうまくいきます。AngularJSのファイルアップロードをリセットしました

これまで私のコードをデモするためのプランナーを作成しました。ここにリンクがあります:https://plnkr.co/edit/bjdU2kuAqRA9yHE1CmX4?p=preview

問題の原因を特定するのに助けてくれる人がいますか?

編集:デフォルトの「ファイルを選択」ボタンとファイル名は、実際のプロジェクトでCSSを使用して非表示になります。したがって、私は別にHTMLでファイル名と削除アイコンをバインドしました。

+0

一度あなたが、私はできませんあなたのplunkerであるため、ファイルを削除するにはどのように、選択しました削除するオプションを見つけますか? – mbeso

答えて

1

あなたは、画像を削除すると、明確なこと<input type="file">からのような:

$scope.removeImage = function(){ 
    document.getElementById("control").value = ""; <-- Add this line 
    $timeout(function(){ 
    $scope.data.image = undefined; 
    }, 100); 
}; 

准イド<input type="file">へ:

<input type="file" class="upload" file-model-no-preview="data.image" id="control"/> 
+0

私も同じことをしていましたが、何とか私はDOMから値を選ぶことができませんでした。とにかく、ありがとう。 – Aosis

関連する問題