我有聊天应用程序,它有你可以发送图像的功能,但我现在发现它不能连续发送两张图像,但你可以像这样发送相同的图像两次
-send图像1
-send图像2
-send图像1
我也有功能,你可以粘贴图像和发送(剪贴板),它可以连续发送图像,所以我搞不懂是什么导致的?下面是我的代码:
客户端:
document.getElementById('fileselect').addEventListener('change', function () {
if (this.files.length != 0) {
var file = this.files[0],
reader = new FileReader();
reader.onload = function (e) {
this.value = '';
socket.emit('img', {
image: e.target.result
})
};
reader.readAsDataURL(file);
};
}, false);
和服务器端
socket.on('img', function(data) {
io.in(socket.current_room).emit('img', {image: data.image, id: socket.id});
怎么啦?我怎么才能修复它?
发布于 2019-05-29 16:17:05
这是因为如果选择相同的文件两次,fileselect
元素不会被刷新,因此不会触发"change“事件。解决方案:How to detect input type=file "change" for the same file?
https://stackoverflow.com/questions/56344295
复制相似问题