Javascript 在函数运行时显示对话

在图像上传开始之前，我正在加载缩略图

window.URL = window.URL || window.webkitURL;

function fileThumbnail(files)
{
var thumb = document.getElementById("thumbnail");
// thumb.innerHTML = "";
if(!files)
return;
for (var i = 0; i < files.length; i++)
{
var file = files[i];

if(!file.type.match(/image.*/))
continue;

var img = document.createElement("img");
img.src = window.URL.createObjectURL(file);
img.width = 100;

img.onload = function(e) {
window.URL.revokeObjectURL(this.src);
};

thumb.appendChild(img);
}
}

window.URL=window.URL | | window.webkitURL；
函数文件缩略图（文件）
{
var thumb=document.getElementById（“缩略图”）；
//thumb.innerHTML=“”；
如果（！文件）
回来
对于（var i=0；i

如果选择了多张图片，则会持续很长时间

我想在创建thubnails时显示一个对话，甚至是与进度条的对话

你能告诉我怎么做吗

另外，如果我使用这个脚本两次：第二次运行时选择的图片是附加到数组“文件”中还是被替换？请告诉我如何附加它们，以便在按下上载按钮之前可以多次选择图片

---

非常感谢你的帮助

我建议使用一个单独的函数来切换加载对话框的显示，并在函数的开头和结尾调用它，这很耗时。

var过程=0；
函数转换（）
{
过程+=5；
$（“#progressbar”）.progressbar({
价值：过程
});
如果（进程==100）
过程=0；
}
设置间隔（转换，200）；