js 添加附件，附件上传，多附件上传

最新推荐文章于 2023-08-16 09:46:02 发布

wl451168450

最新推荐文章于 2023-08-16 09:46:02 发布

阅读量1.1k

点赞数

分类专栏： js 文章标签： js JS

本文链接：https://blog.csdn.net/wl451168450/article/details/8210079

版权

这篇博客介绍了一种使用JavaScript实现多文件上传的方法，通过创建一个新的MultiSelector类，动态添加文件输入元素，并限制了最大上传数量。代码中还包含了一个IsPicture函数用于检查上传的文件是否为图片格式。

摘要由CSDN通过智能技术生成

<html>
<head id="Head1" runat="server">
<title>无标题页 </title>

<script type="text/javascript">
function MultiSelector(list_target, max)
{
// Where to write the list
this.list_target = list_target;
// How many elements?
this.count = 0;
// How many elements?
this.id = 0;
// Is there a maximum?
if (max){this.max = max;}else{this.max = -1;}
/**
* Add a new file input element
*/
this.addElement = function(element)
{
// Make sure it's a file input element
if (element.tagName == 'INPUT' && element.type == 'file')
{
// Element name -- what number am I?
element.name = 'file_' + this.id++;
// Add reference to this object
element.multi_selector = this;
// What to do when a file is selected
element.onchange = function()
{
var inputs = document.getElementsByTagName("input");
var count = 0;
for(var i=0;i <inputs.length;i++)
{
if (inputs[i].type == 'file')
{
if(this.value==inputs[i].value)
{
count++;
}
}
}
if(count>1)
{
alert("该文件已存在！");
//this.outerHTML=this.outerHTML;