文件上传复位

我试图创建角1.图片上传功能，我必须允许用户上传图片，请删除上传的图片，改变image.I我能做到这一切，但是当用户删除上传的图像并重新上传相同的图像，然后更改事件不会触发，并且用户无法再次上传相同的图像。控制台上的错误是Uncaught SyntaxError: Unexpected end of input。我正在使用谷歌浏览器。但是，如果我们尝试上传其他图片，那么它工作正常。文件上传复位

到目前为止，我已经创建了一个plunker来演示我的代码。这里是链接：https://plnkr.co/edit/bjdU2kuAqRA9yHE1CmX4?p=preview

有人可以帮我找出有什么问题？

编辑：默认“选择文件”按钮，文件名会在实际项目中使用CSS来隐藏。因此，我分别在HTML中绑定了文件名和删除图标。

来源

2017-03-09 Aosis

一次选择，你怎么删除文件，因为在你的plunker我不能找到删除选项？ – mbeso

当您删除的图像，清晰的从<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"/>

来源

2017-03-09 13:28:36 Sajal

我也在做同样的事情，但不知何故，我无法从m DOM中选择价值。不管怎么说，多谢拉。 – Aosis

文件上传复位

回答

相关问题