2017-03-09 39 views
0

我試圖創建角1.圖片上傳功能,我必須允許用戶上傳圖片,請刪除上傳的圖片,改變image.I我能做到這一切,但是當用戶刪除上傳的圖像並重新上傳相同的圖像,然後更改事件不會觸發,並且用戶無法再次上傳相同的圖像。控制檯上的錯誤是Uncaught SyntaxError: Unexpected end of input。我正在使用谷歌瀏覽器。但是,如果我們嘗試上傳其他圖片,那麼它工作正常。文件上傳復位

到目前爲止,我已經創建了一個plunker來演示我的代碼。這裏是鏈接: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); 
}; 

副ID來<input type="file">

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

我也在做同樣的事情,但不知何故,我無法從m DOM中選擇價值。不管怎麼說,多謝拉。 – Aosis