uploader秒传图片到服务器完整代码

时间: 作者:展位

  

[uploader秒传图片到服务器,uploader传图片到服务器,uploader图片秒传到服务器]uploader秒传图片到服务器完整代码

  

先看看效果图:  

  

  

  

  

  

  

  

页面中js部分  

  

  

  
  
  var f1 = null;  var picarr = new Array();  var basearr = new Array();  var lat = "",  longt = "";  var files = [];  // 上传文件  function upload() {  var wt = plus.nativeUI.showWaiting();  var task = plus.uploader.createUpload(server + "?action=dynamicadd", {  method: "POST"  },  function(t, status) { //上传完成  if (status == 200) {  //           console.log("上传成功:" + t.responseText);  mui.toast("发表成功");  //插入本地数据库  wt.close();  mui.back();  } else {  console.log("上传失败:" + status);  wt.close();  }  }  );  var title = $("#tbxtitle").val();  if (title.length < 1) {  wt.close();  mui.toast("内容不能为空");  } else {  task.addData("title", title);  task.addData("uid", getUid());  task.addData("userid", plus.storage.getItem("policeid"));  //task.addData("lat", lat.toString());  //task.addData("longt", longt.toString());  //       console.log("准备上传"+files.length+"个图片");  for (var i = 0; i < files.length; i++) {  var f = files[i];  //         console.log("准备上传的图片路径:"+f.path);  task.addFile(f.path, {  key: f.name  });  }  task.start();  }  }  // 添加文件  var index = 1;  var newUrlAfterCompress;  function appendFile(p) {  files.push({  name: "uploadkey" + index,//这个值服务器会用到,作为file的key  path: 汇盛国际平台 p  });  index++;  }  // 产生一个随机数  function getUid() {  return Math.floor(Math.random() * 100000000 + 10000000).toString();  }  function getposition() {  plus.geolocation.getCurrentPosition(function(p) {  var codns = p.coords; // 获取地理坐标信息;  lat = codns.latitude; //获取到当前位置的纬度;  longt = codns.longitude; //获取到当前位置的经度  }, function(e) {  //alert("获取百度定位位置信息失败:" + e.message);  }, {  provider: 'baidu'  });  }  function galleryImgs() { // 从相册中选择图片  plus.gallery.pick(function(e) {  $(".dynamic_images ul li").remove(".pickimg");  //       console.log("选择了"+e.files.length+"个图片");  for (var i = 0; i < e.files.length; i++) {  if (i < 9) {  picarr[i] = e.files[i];  $(".dynamic_images ul").prepend("
  • ");  var dstname="_downloads/"+getUid()+".jpg";//设置压缩后图片的路径  newUrlAfterCompress=compressImage(e.files[i],dstname);  appendFile(dstname);  //console.log(e.files[i]);  //console.log(dstname);  }  }  }, function(e) {  console.log("取消选择图片");  }, {  filter: "image",  multiple: true  });  }  //压缩图片,这个比较变态的方法,无法return  function compressImage(src,dstname) {  //var dstname="_downloads/"+getUid()+".jpg";  plus.zip.compressImage({  src: src,  dst: dstname,  overwrite:true,  quality: 20  },  function(event) {  //console.log("Compress success:"+event.target);  return event.target;  },  function(error) {  console.log(error);  return src;  //alert("Compress error!");  });  }  //旋转图片,本文没用到  function rotateImage() {  plus.zip.compressImage({  src: "_www/a.jpg",  dst: "_doc/a.jpg",  rotate: 90 // 旋转90度  },  function() {  alert("Compress success!");  },  function(error) {  alert("Compress error!");  });  }  function showActionSheet() {  var bts = [{  title: "拍照"  }, {  title: "从相册选择"  }];  plus.nativeUI.actionSheet({  cancel: "取消",  buttons: bts  },  function(e) {  if (e.index == 1) {  getImage();  } else if (e.index == 2) {  galleryImgs();  }  }  );  }  //拍照  function getImage() {  var cmr = plus.camera.getCamera();  cmr.captureImage(function(p) {  plus.io.resolveLocalFileSystemURL(p, function(entry) {  var localurl = entry.toLocalURL(); //  $(".dynamic_images ul li").remove(".pickimg");  $(".dynamic_images ul").prepend(" (责任编辑:admin)

    推荐图片Related

    相关文章Related

    查看更多热门新闻
    

    首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

    Copyright © 2017-2018 汇盛国际 版权所有

    系统要求:本站自适应各终端浏览器分辨率

    请使用Google、Firefox、IE9、百度浏览器登录网站

    网站地图 | RSS订阅 | 汇盛国际