百度UEditor里面截取出来的图片上传功能

JavaScript/前端
492
0
0
2022-03-22

一直在找一个可以上传多张照片的Flash动画. 对比后,经过几天的研究,终于从百度编辑器里面切取了了它的照片上传功能...

有需要的朋友可以从下面地址下载...下载前请念10句: 哈哥大好人.....

源代码下载路径为: http://pan.baidu.com/s/13iNYw

关于Flash的参数:flashvars,

他的值经过URL编码, 原始值为:

container=flashContainer&url=/BaiduUE/imageUp&ext={"param1":"value1", "param2":"value2"}&fileType={"description":"图片", "extension":"*.gif;*.jpeg;*.png;*.jpg"}&flashUrl=imageUploader.swf&width=608&height=272&gridWidth=121&gridHeight=120&picWidth=100&picHeight=100&uploadDataFieldName=upfile&picDescFieldName=pictitle&maxSize=4&compressSize=2&maxNum=32&compressSide=0&compressLength=900

每一项说明如下:

  • container:"flashContainer", //flash容器id
  • url:"/BaiduUE/imageUp", // 上传处理页面的url地址
  • ext:'{"param1":"value1", "param2":"value2"}', //可向服务器提交的自定义参数列表
  • fileType:'{"description":"图片", "extension":"*.gif;*.jpeg;*.png;*.jpg"}', //上传文件格式限制
  • flashUrl:'imageUploader.swf', //上传用的flash组件地址
  • width:608, //flash的宽度
  • height:272, //flash的高度
  • gridWidth:121, // 每一个预览图片所占的宽度
  • gridHeight:120, // 每一个预览图片所占的高度
  • picWidth:100, // 单张预览图片的宽度
  • picHeight:100, // 单张预览图片的高度
  • uploadDataFieldName:"upfile", // POST请求中图片数据的key
  • picDescFieldName:'pictitle', // POST请求中图片描述的key
  • maxSize:4, // 文件的最大体积,单位M
  • compressSize:2, // 上传前如果图片体积超过该值,会先压缩,单位M
  • maxNum:32, // 单次最大可上传多少个文件
  • compressSide:0, //等比压缩的基准,0为按照最长边,1为按照宽度,2为按照高度
  • compressLength:900 //能接受的最大边长,超过该值Flash会自动等比压缩

具体的JS回调函数,请直接查看Html文件里面的JS脚本.. 这里就不写了.