html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用

我正在使用

html5来创建拖放图像上传功能.这在firefox中非常适合我,但在chrome中,图像onload事件仅在第一次触发时触发.如果我只在第一个作品中拖动多个图像,如果我在其中拖动一个图像失败.我认为问题出在图像上.

这是我的代码的工作方式我删除了不相关的部分：

var img = document.createElement("img");

var reader = new FileReader();

var canvas = document.createElement("canvas");

var canvasData;

var ctx = canvas.getContext("2d");

var myFiles;

var i = 0;

reader.onload = (function (aImg)

{

return function (e)

{

aImg.src = e.target.result;

};

})(img);

img.onload = function (){

//resizes image

//draws it to the canvas

//posts to server

i++;

if(i < myFiles.length){

processNext(i);

}

function processNext(filei) {

var file = myFiles[filei];

img.file = file;

reader.readAsDataURL(file);

}

i = 0;

myFiles = files;

processNext(0);

有谁知道为什么这适用于Firefox而不是Chrome？

html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用相关推荐

java鼠标js触发事件吗,JavaScript常见鼠标事件与用法分析
摘要:这篇JavaScript栏目下的"JavaScript常见鼠标事件与用法分析",介绍的技术点是"JavaScript.鼠标事件.鼠标.事件.用法.分析", ...
html鼠标的点击事件失效,为什么鼠标悬停事件不起作用呢？
源自:2-3 鼠标悬停事件添加为什么鼠标悬停事件不起作用呢? var area = document.getElementById('moocBox'); var con1 = document.g ...
js的鼠标事件（JavaScript的鼠标事件，vue的鼠标事件）
js鼠标事件,相关属性: var div = document.getElementById("box")// 1.单击事件 onclickdiv.onclick = functi ...
Java布局怎么加图片组件_java – 将图像缩略图添加到网格中的布局...
所以基本上,你需要一些存在于滚动窗格中的容器(通常称为视图). 为此你应该添加你的图像. import java.awt.BorderLayout; import java.awt.Component ...
JavaScript监听页面的关闭、刷新和最小化、onload事件、ctrlKey、altKey事件
visibilitychange事件是指当浏览器的某个标签页切换到后台或者从后台切换到前台时,会触发该事件.可以用来判断当前页面可见性的状态,用于判断当前页面是否是最小化状态. onload事件 on ...
前端JavaScript之DOM事件操作~都是干货
下面是对DOM操作事件的整理,希望可以帮助到有需要的小伙伴~ 文章目录 DOM事件操作 JavaScript的基础事件代码书写步骤 1.获取绑定事件的元素 2.绑定事件 3.编写事件注意事项 D ...
CRM:把 isv.config.xml 按钮事件移动到 entity.onload()
大家都知道在ISV.CONFIG里可以添加按钮,然后添加按钮事件,比如下面: <Entities> <Entity name="account"> ...
转自JIM Wang：把 isv.config.xml 按钮事件移动到 entity.onload()
把 isv.config.xml 按钮事件移动到 entity.onload() 大家都知道在ISV.CONFIG里可以添加按钮,然后添加按钮事件,比如下面: <Entities> & ...
js常用对象：点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等；通过循环给多个元素添加事件、通过addEventListener() 方法监听事件函数...
1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window. .οnlοad=f ...

html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用

html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用相关推荐

最新文章

热门文章