php+uploadify 多图上传

2015-11-25说明:兼容ie

 1 <html>
 2     <head>
 3         <meta charset=‘utf-8‘>
 4         <title></title>
 5         <script type="text/javascript" src="jquery-1.6.2.min.js" ></script>
 6         <script type="text/javascript" src="jquery.uploadify-3.1.min.js"></script>
 7         <link rel="stylesheet" type="text/css" href="uploadify.css"/>
 8         <script type="text/javascript">
 9             var img_id_upload = new Array();//初始化数组,存储已经上传的图片名
10             var i = 0;//初始化数组下标
11             $(function() {
12                 $(‘#file_upload‘).uploadify({
13                     ‘auto‘: false, //关闭自动上传
14                     ‘removeTimeout‘: 1, //文件队列上传完成1秒后删除
15                     ‘swf‘: ‘uploadify.swf‘,
16                     ‘uploader‘: ‘uploadify.php‘,
17                     ‘method‘: ‘post‘, //方法,服务端可以用$_POST数组获取数据
18                     ‘buttonText‘: ‘选择图片‘, //设置按钮文本
19                     ‘multi‘: true, //允许同时上传多张图片
20                     ‘uploadLimit‘: 10, //一次最多只允许上传10张图片
21                     ‘fileTypeDesc‘: ‘Image Files‘, //只允许上传图像
22                     ‘fileTypeExts‘: ‘*.gif; *.jpg; *.png‘, //限制允许上传的图片后缀
23                     ‘fileSizeLimit‘: ‘20000KB‘, //限制上传的图片不得超过200KB
24                     ‘onUploadSuccess‘: function(file, data, response) {//每次成功上传后执行的回调函数,从服务端返回数据到前端
25                         img_id_upload[i] = data;
26                         i++;
27                         alert(data);
28                     },
29                     ‘onQueueComplete‘: function(queueData) {//上传队列全部完成后执行的回调函数
30                         // if(img_id_upload.length>0)//判断是否上传图片成功
31                          //alert(‘成功上传的文件有:‘+encodeURIComponent(img_id_upload));
32                     }
33                     // Put your options here
34                 });
35             });
36         </script>
37     </head>
38     <body>
39         <input type="file" name="file_upload" id="file_upload" />
40         <!--<p><a href="javascript:$(‘#file_upload‘).uploadify(‘upload‘,‘*‘);">上传</a> -->
41         <!--动态传值  $(‘#file_upload‘).uploadify(‘settings‘, ‘formData‘, {‘typeCode‘:document.getElementById(‘id_file‘).value}); -->
42         <p><a href="javascript:$(‘#file_upload‘).uploadify(‘settings‘, ‘formData‘, {‘typeCode‘:document.getElementById(‘id_file‘).value});$(‘#file_upload‘).uploadify(‘upload‘,‘*‘)">上传</a>
43             <a href="javascript:$(‘#file_upload‘).uploadify(‘cancel‘,‘*‘)">重置上传队列</a>
44         </p>
45         <input type="hidden" value="1215154" name="tmpdir" id="id_file">
46     </body>
47 </html>

upload.php 代码

<?php/*Uploadify 后台处理 Demouploadify 后台处理!*/

//设置上传目录$path = "uploads/";    

if (!empty($_FILES)) {        //得到上传的临时文件流    $tempFile = $_FILES[‘Filedata‘][‘tmp_name‘];        //允许的文件后缀    $fileTypes = array(‘jpg‘,‘jpeg‘,‘gif‘,‘png‘);         //得到文件原名    $fileName = iconv("UTF-8","GB2312",$_FILES["Filedata"]["name"]);    $fileParts = pathinfo($_FILES[‘Filedata‘][‘name‘]);        //接受动态传值    $files=$_POST[‘typeCode‘];        //最后保存服务器地址    if(!is_dir($path))       mkdir($path);    if (move_uploaded_file($tempFile, $path.$fileName)){        echo $fileName."上传成功!";    }else{        echo $fileName."上传失败!";    }}?>
时间: 2024-09-29 21:12:39

php+uploadify 多图上传的相关文章

php多图上传问题笔记

图片上传好用插件有,比如 uploadify  ueditor html5的各种ajax上传插件,大部分都是异步,返回只是true之类,有些时候需要上传图片需要一起上传,其实可以通过操作流程来避免这个问题,如果需要同步上传,改造的东西比较多 异步避免,比如有每个用户的图片相册,异步上传,然后你自己选需要上传图片,比如首先第一步吧需要的信息先提交给主表,第二步在上传多图,使用上面提到的插件,因为有了主表的ID, 还有自己比较大的改造,就是在同一页面,异步上传之后,返回图片的名字和相对路径input

Java企业微信开发_08_JSSDK多图上传

一.本节要点 1.1可信域名 所有的JS接口只能在企业微信应用的可信域名下调用(包括子域名),可在企业微信的管理后台“我的应用”里设置应用可信域名.这个域名必须要通过ICP备案,不然jssdk会配置失败 1.2JS-SDK使用权限签名算法 1.2.1 签名生成规则如下: (1)参与签名的字段包括: noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分) . (2)对所有待签名参数按照字段名的ASCII

微信朋友圈的图片上传,多图上传怎么去撸才合适?我们一起来实现吧!

微信朋友圈的图片上传,多图上传怎么去撸才合适?我们一起来实现吧! 图片上传是非常常见的功能,而多图上传在大多数应用中也是非常常见的,比如微信的朋友圈,微博的动态,都是有九宫格图片的,那这里肯定涉及了多图上传,所以今天我们来一起撸一下,怎么去思考这个实现逻辑! 这里我想到的思路是比较简单的,首先,我们有一个按钮,按钮是上传图片,点击之后弹出某个界面进行图片的选择,一般是九张图片或者十二张,选完之后就直接上传了,大致的流程应该是这个样子,那我们首先来写个按钮 activity_main.xml <?

02-iOS 使用AFN 进行单图和多图上传

//1.单张图上传 AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager];    [manager POST:urlString parameters:params constructingBodyWithBlock:^(id_Nonnull formData) { //使用日期生成图片名称 NSDateFormatter *formatter = [[NSDateFormatter al

jquery uploadify在IE上传报406HttpError

前端使用uploadify的flash上传控件,后端使用spring MVC,使用IE上传时报406,用Chrome没有问题. 检查发现IE上传时的请求头中,Accept: text/* 而Chrome的请求头中,Accept: */* 后端返回@ResponseBody MyClass,使用JacksonHttpMessageConverter转换成JSON返回给客户端.最早是使用@ResponseBody String的方式直接给客户返回一个JSON字符串,当时没有出现这个问题. 检查了一下

微信jssdk多图上传

微信官方文档uploadImage函数一次只能上传一张图片,但实际运用中有不少多图上传的需求 当选择多张图片时若直接循环多次调用,只有最后一张能上传成功,因为uploadImage只有在上次一执行成功或者失败以后才能再次调用,因此把该函数稍作修改即可 //选择图片function choose(num){ wx.chooseImage({ count: num, // 默认9 sizeType: ['compressed'], success: function (res) { var loca

百度Ueditor编辑器取消多图上传对话框中的图片搜索

百度Ueditor确实是一个非常强悍的编辑器,功能强大!但是实际开发需求复杂,总会有各种不符合要求的,比如想要取消多图上传的“图片搜索”选项卡(这个图片搜索真心难用)! 以ueditor 1.4.3为例: 1.打开ueditor1.4.3\dialogs\image\image.html 2.删除第25行 <span class="tab" data-content-id="search"><var id="lang_tab_search

yii2组件之多图上传插件FileInput的详细使用

作者:白狼 出处:http://www.manks.top/yii2_multiply_images.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 文件上传也写过几篇文章了,包括最基本的yii2文件上传.异步上传到又拍云以及百度编辑器图片上传的问题,貌似不说点多图上传的就不完美. 今天介绍一款多图上传的插件 FileInput,至于为什么选中了TA作为我们上传的插件,一来这货跟Yii2有一腿,用起来方便:二来嘛

uploadify多文件上传插件

这个插件是兼容IE8及以上版本的,实现了基本功能,底部有下载连接 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>uploadify多文件上传插件使用</title> <meta http-equ