1.  

目前问题:plupload上传带参数到后台,迟迟没有解决!!!



昨晚到23点多终于完成了!

直接上代码!

  1. var uploader = new plupload.Uploader({ //实例化一个plupload上传对象
  2. browse_button: 'btnChange',
  3. url: '/Info/Upload',
  4. flash_swf_url: 'js/Moxie.swf',
  5. silverlight_xap_url: 'js/Moxie.xap',
  6. filters: {
  7. mime_types: [ //只允许上传图片文件
  8. { title: "图片文件", extensions: "jpg,gif,png" }
  9. ]
  10. }
  11. });
  12. uploader.init(); //初始化
  13. //绑定文件添加进队列事件
  14. uploader.bind('FilesAdded', function (uploader, files) {
  15. for (var i = 0, len = files.length; i < len; i++) {
  16. var file_name = files[i].name; //文件名
  17. var file_size=uploader.files[i].origSize;//文件大小
  18. //构造html来更新UI
  19. var html = '<tr id="file-' + files[i].id + '"><td class="file-name">' + file_name + '</td><td class="file-size">' + file_size + '</td><td class="progress"></td></tr>';
  20. $(html).appendTo('#file-list');
  21. !function (i) {
  22. previewImage(files[i], function (imgsrc) {
  23. $('#file-' + files[i].id).append('<img src="' + imgsrc + '" />');
  24. })
  25. }(i);
  26. }
  27. });
  1. ——————————————————————————————这里是重点。在上传之前绑定事件中,重新定义Url即可!!!。。。尴尬啊
  2. uploader.bind('BeforeUpload', function (uploader, files) {
  3. uploader.settings.url = "/Info/Upload?cid=" + $("#seled").val();
  4. console.log(uploader);
  5. console.log(files);
  6. });
  7. document.getElementById('uploadfiles').onclick = function (data) {
  8. uploader.start();
  9. return false;
  10. };
  11. //plupload中为我们提供了mOxie对象
  12. //有关mOxie的介绍和说明请看:https://github.com/moxiecode/moxie/wiki/API
  13. //如果你不想了解那么多的话,那就照抄本示例的代码来得到预览的图片吧
  14. function previewImage(file, callback) {//file为plupload事件监听函数参数中的file对象,callback为预览图片准备完成的回调函数
  15. if (!file || !/image\//.test(file.type)) return; //确保文件是图片
  16. if (file.type == 'image/gif') {//gif使用FileReader进行预览,因为mOxie.Image只支持jpg和png
  17. var fr = new mOxie.FileReader();
  18. fr.onload = function () {
  19. callback(fr.result);
  20. fr.destroy();
  21. fr = null;
  22. }
  23. fr.readAsDataURL(file.getSource());
  24. } else {
  25. var preloader = new mOxie.Image();
  26. preloader.onload = function () {
  27. preloader.downsize(300, 300);//先压缩一下要预览的图片,宽300,高300
  28. var imgsrc = preloader.type == 'image/jpeg' ? preloader.getAsDataURL('image/jpeg', 80) : preloader.getAsDataURL(); //得到图片src,实质为一个base64编码的数据
  29. callback && callback(imgsrc); //callback传入的参数为预览图片的url
  30. preloader.destroy();
  31. preloader = null;
  32. };
  33. preloader.load(file.getSource());
  34. }
  35. }

目前问题:plupload上传带参数到后台的更多相关文章

  1. 论httpclient上传带参数【commons-httpclient和apache httpclient区别】

    需要做一个httpclient上传,然后啪啪啪网上找资料 1.首先以前系统中用到的了commons-httpclient上传,找了资料后一顿乱改,然后测试 PostMethod filePost = ...

  2. ajaxFileUpload上传带参数,返回值改成json格式

    /*直接复制在自己的js文件中就能使用*/ jQuery.extend({ createUploadIframe: function (id, uri) { //create frame var fr ...

  3. uploadify上传带参数及接收参数的方法

    function uploadify() { $("#uploadify").uploadify({ method:'post', uploader: '/Manage/Order ...

  4. Plupload上传实例《模仿微云上传实例》,带源码

    Plupload上传实例<模仿微云上传实例>,带源码,作者:鱼塘总裁 如有疑问,加群交流:646104701 一.实例截图 1.上传过程 2.上传成功 3.上传失败 4.最小化 二.所需文 ...

  5. Plupload上传插件简单整理

    Plupload Plupload是有TinyMCE的开发者开发的,为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件.Plupload 目前分为一个核心API 和一个jQuery上传队列部 ...

  6. Plupload 上传控件使用指南

    本文转载至(感谢原作者分享):http://www.cnblogs.com/2050/p/3913184.html#plupload_doc2 我之前写过一篇文章<文件上传利器SWFUpload ...

  7. Plupload上传插件中文帮助文档

    Plupload上传插件中文帮助文档 配置参数 实例化一个plupload对象时,也就是 new plupload.Uploader(),需要传入一个对象作为配置参数.后面内容中出现的plupload ...

  8. Plupload 上传详细讲解,Plupload 多实例上传,Plupload多个上传按钮--推荐使用

    今天帮朋友解决  Plupload  上传的问题,查了很多资料,资料还是挺全的,但是有点零零散散的,故整理好,合并发出来. 本教程包括: Plupload  上传详细讲. Plupload  多实例上 ...

  9. Plupload上传插件中文文档

    Plupload上传插件中文帮助文档 如有疑问,加群交流:646104701 下载地址:https://www.plupload.com/download/ 配置参数 实例化一个plupload对象时 ...

随机推荐

  1. 从用户访问网站流程开始,细说web网络基础

    1.用户访问网站流程框架 2.dns解析原理 3.tcp/ip三次握手过程原理,11种连接状态 4.tcp/ip四次挥手过程原理,11种连接状态 5.http协议原理(www服务的请求过程)请求细节, ...

  2. CPP-基础:C_C++变量命名规则

    C_C++变量命名规则 变量命名规则是为了增强代码的可读性和容易维护性.以下为C++必须遵守的变量命名规则: 1. 变量名只能是字母(A-Z,a-z)和数字(0-9)或者下划线(_)组成. 2. 第一 ...

  3. Java面向对象之继承,方法重写,super关键字,员工类系列继承题

    在程序中,如果想声明一个类继承另一个类,需要使用extends关键字. 格式: class 子类 extends 父类 {} 继承的好处 1.继承的出现提高了代码的复用性,提高软件开发效率. 2.继承 ...

  4. LigerUi中表(Grid)控件的相关属性笔记

    http://blog.csdn.net/dxnn520/article/details/8216560 // ========================================= [每 ...

  5. BeyondCompare:如何之比较文件内容的不同?

    问题描述: 在使用beyond compare比较文件的时候,常会有很多不同,但是点击打开后,发现内容没有不同.这个是因为工具把文件的日期.大小等非内容因素也比较了进去. 解决方法: 点击“会话” - ...

  6. 转+更新 Graphviz 教程,例子+ 高级应用 写代码,编程绘制架构图(分层拓扑图) 转自官网

    1. Graphviz介绍 Graphviz是大名鼎鼎的贝尔实验室的几位牛人开发的一个画图工具. 它的理念和一般的“所见即所得”的画图工具不一样,是“所想即所得”. Graphviz提供了dot语言来 ...

  7. 《JavaScript入门篇》摘要

    0.课程链接 http://www.imooc.com/learn/36 1.在HTML中加入JS的方法 <script type="text/javascript"> ...

  8. jrtplib移植

    jrtplib版本:3.11.1 jthread版本:1.3.3 libsrtp版本:1.6.0 jrtplib库有两种编译方式: 1. 使能jthread编译,此方式可使jrtplib自动在后台轮询 ...

  9. pyhon之99乘法表

    1.长方形完整格式 for i in range(1,10): for j in range(1,10): print("%d*%d" %(j,i),end=" &quo ...

  10. hive数据的导入导出方式

    导入方式 1.load方式 load data local inpath 'local_path' into table tb_name; 从本地复制了文件到表的路径下 应用场景:大部分的使用,文件几 ...