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数据,直接替换图片

  • 相关阅读:
    jquery跨域解决方案JSONP
    javascript的执行顺序
    事件委托
    JSONP解决跨域完整例子
    javascript数组&省市联动分别用js数组和JSON实现
    快速排序
    闭包
    如何解决linux的ssh连接自动断开的问题
    Django 单元测试(简单例子)
    源代码格式化工具推荐(coolformat),可以实现c,c++,c#,java,js,json,html,sql等的格式化
  • 原文地址:https://www.cnblogs.com/LXYX/p/7483324.html
Copyright © 2011-2022 走看看