jq plupload多文件上传插件demo
程序员文章站
2024-01-24 12:57:58
...
Plupload有以下功能和特点:
1、拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式,Plupload会自动为你选择最合适的方式。
2、支持以拖拽的方式来选取要上传的文件
3、支持在前端压缩图片,即在图片文件还未上传之前就对它进行压缩
4、可以直接读取原生的文
经过好几天的调试,这个插件终于能运行了的,效果达到预期效果 这是运行效果图
前端代码
Plupload - Queue widget example
后后台控制器代码如下:
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
//处理文件上传
public function upload()
{
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize = 3145728 ;// 设置附件上传大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->savePath = './Public/Uploads/'; // 设置附件上传目录
// 上传文件
$info = $upload->upload();
if(!$info) {
// 上传错误提示错误信息
$this->error($upload->getError());
}else
{
// 上传成功
echo json_encode($info['file']['savepath'].$info['file']['savename']);
}
}
//加载上传插件
public function index()
{
$this->display();
}
//后台处理数据
public function form()
{
dump($_POST);
}
以上为全部代码 不明白的加我扣扣:1306701423
插件中文开发文档:http://www.cnblogs.com/2050/p/3913184.html
1、拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式,Plupload会自动为你选择最合适的方式。
2、支持以拖拽的方式来选取要上传的文件
3、支持在前端压缩图片,即在图片文件还未上传之前就对它进行压缩
4、可以直接读取原生的文
经过好几天的调试,这个插件终于能运行了的,效果达到预期效果 这是运行效果图
前端代码
后后台控制器代码如下:
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
//处理文件上传
public function upload()
{
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize = 3145728 ;// 设置附件上传大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->savePath = './Public/Uploads/'; // 设置附件上传目录
// 上传文件
$info = $upload->upload();
if(!$info) {
// 上传错误提示错误信息
$this->error($upload->getError());
}else
{
// 上传成功
echo json_encode($info['file']['savepath'].$info['file']['savename']);
}
}
//加载上传插件
public function index()
{
$this->display();
}
//后台处理数据
public function form()
{
dump($_POST);
}
以上为全部代码 不明白的加我扣扣:1306701423
插件中文开发文档:http://www.cnblogs.com/2050/p/3913184.html
AD:真正免费,域名+虚机+企业邮箱=0元
推荐阅读
-
jq plupload多文件上传插件demo
-
使用php完成一个用户注册以及管理的demo(php实现单文件与多文件的上传)
-
H5手机端多文件上传预览插件
-
html5带进度多文件大文件上传插件
-
基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)
-
TinyMce 修改插件 实现多文件/图片上传
-
ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧
-
ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧
-
使用php完成一个用户注册以及管理的demo(php实现单文件与多文件的上传)
-
关于文件上传插件plupload获取服务器端返回值的问题