zoukankan      html  css  js  c++  java
  • PHP结合Plupload插件异步上传文件

    1:下载 Plupload 插件,对此插件了解不是很深,直接看代码吧

    2:引入plupload.js文件,具体看文档

    var uploader = new plupload.Uploader({
    runtimes: 'html5,flash,silverlight,html4',
    browse_button: 'uploadFile',   //图片的id,设置过后直接点击图片即可选择更换
    url: $('#uploadUrl').val(),    //url地址
    flash_swf_url: '/Public/static/plupload/Moxie.swf',
    silverlight_xap_url: '/Public/static/plupload/Moxie.xap',
    filters: {
    max_file_size: '5000kb',
    mime_types: [{title: "files", extensions: "png,jpg,gif"}]  //指定图片类型
    },
    multi_selection: false,
    init: {
    FilesAdded: function(up, files) {
    var index = layer.load(2, {
    shade: [0.5,'#fff'] //0.1透明度的白色背景    ,这里是用的layer插件,不用可以删除,需要用,自行下载layer插件
    });
    uploader.start();      //开始上传
    },
    FileUploaded: function(up, file, info) {
    var data = eval("(" + info.response + ")");  //上传成功
    if(data.code==0){
    layer.closeAll('loading');
    $('#uploadFile').attr( 'src' , data.fileurl);  //返回图片连接更换图片
    }else{
    layer.closeAll('loading');
    layer.msg(data.msg,{icon:2});
    }
    },
    Error: function(up, err) {
    layer.closeAll('loading');
    layer.msg(err.message,{icon:2});    //上传失败
    }
    }
    });
    uploader.init();

    当然后台还是需要写代码的:

    后台获取到图片上传过后台返回json数据,直接替换图片

  • 相关阅读:
    Python3.x和Python2.x的区别
    python 列表 元组 字典
    Wireshark TCP报文到达确认(ACK)机制
    Wireshark Tcp三次握手
    Python Vim配置 Win7x64
    Workstation guest fails to restart or resume
    python 枚举目录下所有子目录和文件,输出列表
    Python按行读文件 高级
    python 注释
    十一、设备初始化(ADK4.0)
  • 原文地址:https://www.cnblogs.com/LXYX/p/7483324.html
Copyright © 2011-2022 走看看