Ajax 请求减慢了函数的其余部分,如何修复
Ajax request slows down the rest of the function, how to fix?
我做了一些拖放功能来保存图像,我想看看我刚刚保存了哪些图像。问题是我不会等待 ajax 请求将该图像发送到服务器,我想要图像的即时预览。我编写了可以做到这一点的代码,但是当我向其添加 ajax 请求时,在 ajax 请求完成之前,我不会在我的 html 页面上看到此图像。但是,如果我评论这个 ajax 请求,图像会立即出现在 html 页面上。我怎样才能得到所有这些?阿贾克斯+即时预览。
这是我的代码,请随时询问我:
// initialise our dropzone and set ondrop event function
var dropzone = document.getElementById('ta');
dropzone.ondrop = function(e){
e.preventDefault();
readfiles(e.dataTransfer.files);
};
// preview image that was added to dropzone
function previewImg(file) {
var image = new Image();
image.src = webkitURL.createObjectURL(file);// make url for image using webkitURL
image.width = 550; // a fake resize
document.getElementById('body').appendChild(image); // add image to element (for example to the body)
}
function readfiles(files) {
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
previewImg(files[i]); // call for preview
formData.append('file'+i, files[i]); // add file to form
}
formData.append('moreInfo','myValuableValue');// you can append additional string info
// if we comment this request preview will appear instant
// but if we not, preview will appear only after end of ajax request
$.ajax({
url: './file_handler.php',
type: 'POST',
data: formData,
async: false,
success: function (data) {
console.log('done');
},
cache: false,
contentType: false,
processData: false
});
}
我想解决这个问题,但我不知道怎么做,我使用 jQuery $.ajax 请求。顺便说一下,控制台输出也会变慢,并在请求结束后立即显示所有输出。请给我指路。
在传递给 $.ajax 调用的设置中,设置 async: true
。
相关文章:
- 我如何修复包含在captcha的addthis中的错误
- 我可以'我似乎不知道如何修复javascript中的两个lint.有人能帮我理解吗
- 自动修复”;语句前缺少分号“;
- 滚动以修复向上滚动的问题
- Datatables查询url字符串:需要regex来修复url解析
- 修复选择菜单时的背景图像
- 修复弹出框并使背景滚动
- 修复了使用Jquery的列(表头问题)
- Javascript-修复搜索系统
- “createImageData()”和“new ImageData(()”有何不同
- 如何修复:当javascript更改DOM时,iOS会删除CSS文件
- 在JavaScript中,如何修复元素显示和变量创建之间的初始差异
- 如何修复 while 循环
- 用javascript修复这个JSON对象字符串最干净的方法是什么
- 如何修复javascript keydown中的延迟
- 如何修复FF和IE中的Javascript无效日期错误
- 修复AngularJS错误:提供程序必须从$get工厂方法返回值
- 修复列表的绝对位置(li's隐藏在前两个后面)
- 请有人修复这个SHOW/HIDE表Javascript代码
- 如何修复Greasemonkey上的__exposedProps_错误(GM_xmlhttpRequest)