如何实现一次选择多个文件上传,而且异步上传
swfupload插件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns= "http://www.w3.org/1999/xhtml" >
<meta http-equiv= 'Content-Type' content= 'text/html; charset=utf-8' />
<title>File upload </title>
<link rel= "Stylesheet" href= "js/Plug-in/jquery.uploadify/uploadify.css" />
<script type= "text/javascript" src= "js/Plug-in/jquery.uploadify/jquery-1.3.2.min.js" ></script>
<script type= "text/javascript" src= "js/Plug-in/jquery.uploadify/swfobject.js" ></script>
<script type= "text/javascript" src= "js/Plug-in/jquery.uploadify/jquery.uploadify.v2.1.0.min.js" ></script>
<script type= "text/javascript" >
$(document).ready( function () {
$( "#uploadify" ).uploadify({
'uploader' : 'js/Plug-in/jquery.uploadify/uploadify.swf' ,
'script' : 'uploadify.php' ,
'cancelImg' : 'js/Plug-in/jquery.uploadify/cancel.png' ,
'folder' : 'uploadfile' ,
'queueID' : 'fileQueue' ,
'auto' : false ,
'multi' : true ,
});
});
</script>
</head>
<body>
MAX: 20M
</BR>
<input type= "file" name= "uploadify" id= "uploadify" />
<a href= "javascript:$('#uploadify').uploadifyUpload()" >Upload</a>| <a href= "javascript:$('#uploadify').uploadifyClearQueue()" >cancel</a>
<div id= "fileQueue" ></div>
</body>
</html>
|
#uploadify.php
1
2
3
4
5
6
7
8
9
10
11
|
<?php
if (! empty ( $_FILES )) {
$tempFile = $_FILES [ 'Filedata' ][ 'tmp_name' ];
$targetPath = $_SERVER [ 'DOCUMENT_ROOT' ] . $_REQUEST [ 'folder' ] . '/' ;
$targetFile = str_replace ( '//' , '/' , $targetPath ) . $_FILES [ 'Filedata' ][ 'name' ];
$targetFile = iconv( "utf-8" , "gbk" , $targetFile );
move_uploaded_file( $tempFile , $targetFile );
echo "1" ;
}
?>
|
转载于:https://www.cnblogs.com/zxz1987/p/6524059.html
如何实现一次选择多个文件上传,而且异步上传相关推荐
- java获取ajax上传的文件,Java使用Ajax异步上传文件
相关代码示例: html代码片段: 名称 class="layui-input"> 描述 文件 请选择配置文件 立即提交 重置 js代码片段: //上传配置文件 $(&quo ...
- jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...
- java文件异步上传_java 异步上传文件
我们的java上传文件,需要form同步上传,并且需要设置enctype为multipart/form-data. 如果将form使用ajax异步提交的话,将会报错说enctype不是multipar ...
- form上传文件以及跨域异步上传
要设置了enctype属性才能上传,需要使用上传的jar包,这里使用的是cos-26Dec2008.jar, 关于跨域上传文件: 跨域上传文件总会报错,即使服务器端设置了header('Access- ...
- 2016.2.17文件夹选择框及文件选择框
string fpth = ""; OpenFileDialog openFileDialog = new OpenFileDialog(); openFileDialog.Tit ...
- python 选择多个文件夹_如何同时选择多个文件?
登录百度网盘后,我想一次选定2个文件 方法1: path1 = driver.find_element_by_xpath('//a[@title="test1"]') Action ...
- html5 input选择文件,input文件选择,限定文件类型。
input文件选择,限定文件类型 当使用input提交文件时,用accept方法,可以限制上传文件的类型. 如: <input type="file" name=&qu ...
- 提示,请选择有效的文件
问题:上传文件到 Windows server + IIS 6.0或者IIS7.0 服务器的时候遇到下列错误:请求对象错误 'ASP 0104 : 80004005′操作被禁止,提示:请选择有效的文 ...
- python 选择多个文件_python-PyQt QFileDialog-多目录选择
我正在尝试创建一个QFileDialog,允许用户选择多个目录. 在讨论here和faq here之后,但我不确定自己在做什么错.我得到一个文件对话框,但它仍然只允许我选择一个目录(文件夹). 这是在 ...
- WEB版一次选择多个文件进行批量上传(Plupload)的解决方案
说明:Plupload支持多种浏览器,多种上传方式! 一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传,就算是批量上传,也要把文件一个一个的添加到页面,无法如 w ...
最新文章
- 23岁创业,28岁成为福布斯亚洲青年领袖,这个“刷脸的男人”有点牛
- poj2912(带权并查集+枚举)
- mysql 性能 比较好_MySQL性能优化的最佳20+条经验
- 超级详细的Tcpdump的用法
- 接口测试客户端的搭建
- 调参1——随机森林贝叶斯调参
- MySQL数据库---数据库管理
- hdmi接口和计算机连接,hdmi接口,手把手教你hdmi接口怎么连接电视
- 生活随记 - 2020国庆第三天
- 【转】Oracle知识点汇总
- ba2plus android,BAPlus金融计算器
- Mesh Slicer 切割人体的原理分析
- 记录一下通过QQ发送apk安装失败原因。
- Win10安装YOLOv3.0
- Python基本语法一
- 在外包公司工作是什么样的体验?
- iOS goback页面刷新问题
- a计权声功率级计算公式_超高层建筑气动噪声总声压级和A计权声压级的计算
- LWN:Ubuntu 不再缺省提供Flatpak!
- VolumeUI音量调节对话框