JS动态创建的file控件,PHP 怎么获取上传的文件

JS动态创建的file控件,PHP 怎么获取上传的文件,第1张

首先,你的file控件要放到form表单内,其次,每个file控件的name属性应该不同。下面是我修改后的:

<html>

</head>

<script language="javascript" type="text/ecmascript">

var x=1;

//======================

//功能:在表单中input file控件

//参数:parentID---要插入input file控件的父元素ID

// inputID----input file控件的ID

//======================

function createInput(parentID,inputFileID){

var parent=$(parentID);//获取父元素

var div=documentcreateElement("div");//创建一个div容器用于包含input file

x++;

var divName=inputFileID+x;//随机div容器的名称

divid=divName;

var aElement=documentcreateElement("input"); //创建input

aElementname=divName;

aElementtype="file";//设置类型为file

var delBtn=documentcreateElement("input");//再创建一个用于删除input file的Button

delBtntype="button";

delBtnvalue="删除";

delBtnonclick=function(){ removeInput(parentID,divName)};//为button设置onclick方法

divappendChild(aElement);//将input file加入div容器

divappendChild(delBtn);//将删除按钮加入div容器

parentappendChild(div);//将div容器加入父元素

}

//============================

//功能:删除一个包含input file的div 容器

//参数:parentID---input file控件的父元素ID

// DelDivID----个包含input file的div 容器ID

//============================

function removeInput(parentID,DelDivID){

var parent=$(parentID);

parentremoveChild($(DelDivID));

}

//通过元素ID获取文档中的元素

function $(v){return documentgetElementById(v);}

</script>

<body>

<form action="testphp" method="post" enctype="multipart/form-data">

<div align="left" id="div_Pic" style="border:1px solid #CCCCCC">

<input name="PicFile" type="file" id="ShowPicFile">

</div>

<input type="button" onClick="createInput('div_Pic','PicFile')" name="button" id="button" value="+ 继续添加">

<input type="submit" value="提交">

</body>

</html>

然后php就可以通过遍历$_FILES来获得每个上传的文件。下面的简单例子只是列出每个文件的原文件名:

<php

forEach($_FILES as $f){

 echo $f["name"]"<br>";

}

>

您好!很高兴为您答疑。

因为火狐浏览器新的安全机制,已经无法通过页面直接获取到本地端的完整路径,您可以考虑通过注入或flash上传组件来进行文件上传,而较大的文件,建议考虑使用ftp组件。

如果对我们的回答存在任何疑问,欢迎继续问询。

miniuihtmlfile多文件上传步骤如下:

1、在页面中引入miniuihtmlfile插件和相关的CSS和JS文件。可以在MiniUI官网下载并安装相关的文件。

2、在HTML代码中添加一个用于显示上传控件的容器。

3、在JavaScript代码中,使用miniget方法获取上传控件对象,并设置相关属性。

4、监听上传成功事件,获取上传结果。

5、调用upload方法执行上传 *** 作。

以上就是关于JS动态创建的file控件,PHP 怎么获取上传的文件全部的内容,包括:JS动态创建的file控件,PHP 怎么获取上传的文件、为什么Firefox无法获取File的路径怎样上传文件、miniuihtmlfile多文件上传等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9419162.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存