在ASP.NET中多个文件上载期间如何获取用户在文件上载控件中选择的文件序列 [英] How to get sequence of files selected by user in file upload control during multiple file upload in ASP.NET

问题描述

我想保留序列。用户首先选择然后选择第二个等等的文件。

我尝试下面的代码它显示预览但不按顺序



我尝试了什么：



< script type =text / javascriptsrc = http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\"></script>

< script language =javascripttype =text / javascript>

$（function（）{

$（＃fileupload）。change（function（）{

if（typeof（FileReader）！=undefined）{

var dvPreview = $（＃dvPreview）;

dvPreview.html（）;

var regex = / ^（[a-zA-Z0-9 \ _s \\\\.\ - ：]）+（。jpg | .jpeg | .gif | .png | .bmp）$ /;

$（$（this）[0] .files）.each（function（）{

var file = $（this）;

if（regex.test（file [0] .name.toLowerCase（）））{

var rea der = new FileReader（）;

reader.onload = function（e）{

var img = $（< img />）;

img.attr（style，height：100px; width：100px）;

img.attr（src，e.target.result）;

dvPreview.append（img）;

}

reader.readAsDataURL（file [0]）;

} else {

alert（file [0] .name +不是有效的图像文件。）;

dvPreview.html（）;

返回false;

}

}）;

}否则{

alert（此浏览器确实不支持HTML5 FileReader。）;

}

}）;

}）;

< /脚本>

解决方案

（function（）{

（＃fileupload）。change（function（）{

if（typeof（FileReader）！=undefined）{

var dvPreview =

（＃dvPreview）;

dvPreview.html（）;

var regex = / ^（[A-ZA-Z0-9\s_\\.\ - ：]）+（JPG | .JPEG | .gif注意| .PNG | .BMP）。

I want to keep the sequence.The file which user select first and then second and so on.
I tried below code it is showing preview but not in sequence

What I have tried:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("#fileupload").change(function () {
if (typeof (FileReader) != "undefined") {
var dvPreview = $("#dvPreview");
dvPreview.html("");
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
$($(this)[0].files).each(function () {
var file = $(this);
if (regex.test(file[0].name.toLowerCase())) {
var reader = new FileReader();
reader.onload = function (e) {
var img = $("<img />");
img.attr("style", "height:100px;width: 100px");
img.attr("src", e.target.result);
dvPreview.append(img);
}
reader.readAsDataURL(file[0]);
} else {
alert(file[0].name + " is not a valid image file.");
dvPreview.html("");
return false;
}
});
} else {
alert("This browser does not support HTML5 FileReader.");
}
});
});
</script>

解决方案

(function () {

("#fileupload").change(function () {
if (typeof (FileReader) != "undefined") {
var dvPreview =

("#dvPreview");
dvPreview.html("");
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)

这篇关于在ASP.NET中多个文件上载期间如何获取用户在文件上载控件中选择的文件序列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！