【小编推荐】太原网站建设-webuploader使用注意

2017-01-02   |   发布者:梁国芳   |   查看:3320次

php
使用了 webuploader-0.1.5
使用的代码是直接使用的demo。
发现  上传成功后,在服务端文件 D:\WWW\webuploader-0.1.5\server\fileupload.php
 
 
$json['a']='aaa';
 
 
 
echo  json_encode($json);
==========================================
=======================================
在 js  中增加   
        uploader.on('uploadSuccess',function(file,json){
 
alert(JSON.stringify(json));
})
 
 
可以 返回服务端的   路径等需要的 信息
 
 
 
 
==========================
 
2.传值
 
 formdata: { uid: 123
  },
 
在实例化中 formdata:  可以传值   在D:\WWW\webuploader-0.1.5\server\fileupload.php  中 用 $_REQUEST["uid"]接收。
 
=========================
3.使用 ,如果有 其他应用    可以复制    webuploader文件夹下面的 examples  
 
主要使用里面的 upload.js   这文件要针对,我们的应用的dom 。
 
uploader.on('uploadSuccess'   是  上传成功返回的   地址等信息。
 
复制 webuploader/server/ 中的 fileupload 或者使用  tp  的上上传类, 修改  文件保存路径
 
 
=====================
 
4.display:none  不能上传 解决:
 
 position: absolute; opacity: 0; filter:Alpha(opacity=0);
 
http://www.jb51.net/web/73987.html
 
这样就可以点击了啊,不要用display:none;

 
5.上传 图片成功后 后 清空 文件,(清空后,可以重新上传)
 
uploader.removeFile(file);(js里面的一个函数)
 
ex:
uploader.on('uploadSuccess',function(file,json){
 
$('#suolvetu').val(json._raw);
$('#suolvetu_img').attr({"src":json._raw}).show();
 
uploader.removeFile(file);
 
});