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

  • 相关阅读:
    Windows 服务程序(一)
    API---注册表编程
    API---文件操作
    main(argc, char *argv[])
    C 自删除技术---批处理方式
    分治法排序
    TDD尝试:nodejs单元测试
    尝试create tech team
    Yum重装走过的坑
    求生欲很强的数据库
  • 原文地址:https://www.cnblogs.com/LXYX/p/7483324.html
Copyright © 2011-2022 走看看