1. function getPicture() {
  2. api.confirm({
  3. title : "提示",
  4. msg : "选择图片",
  5. buttons : ["现在照", "相册选", "取消"]
  6. }, function(ret, err) {
  7. //定义图片来源类型
  8. var sourceType;
  9. if ( == ret.buttonIndex) {/* 打开相机*/
  10. sourceType = "camera";
  11. openPicture(sourceType);
  12. } else if ( == ret.buttonIndex) {
  13. sourceType = "album";
  14. openPicture(sourceType);
  15. } else {
  16. return;
  17. }
  18. });
  19. }
  20. // 选取图片
  21. function openPicture(sourceType) {
  22. var q = ;
  23. //获取一张图片
  24. api.getPicture({
  25. sourceType : sourceType,
  26. encodingType : 'png',
  27. mediaValue : 'pic',
  28. //返回数据类型,指定返回图片地址或图片经过base64编码后的字符串
  29. //base64:指定返回数据为base64编码后内容,url:指定返回数据为选取的图片地址
  30. destinationType : 'base64',
  31. //是否可以选择图片后进行编辑,支持iOS及部分安卓手机
  32. allowEdit : false,
  33. //图片质量,只针对jpg格式图片(0-100整数),默认值:50
  34. quality : q,
  35. // targetWidth : 100,
  36. // targetHeight : 1280,
  37. saveToPhotoAlbum : true
  38. }, function(ret, err) {
  39. if (ret) {
  40. // data:"fs://", //图片路径
  41. // base64Data:"", //base64数据,destinationType为base64时返回
  42. var img_url = ret.data;
  43. if (img_url != "") {
  44. function getBase64Image(img1) {
  45. var cvs = document.createElement("canvas");
  46. var width = img1.width;
  47. height = img1.height;
  48. var scale = width / height;
  49. cvs.width = width;
  50. cvs.height = height;
  51. var ctx = cvs.getContext("2d");
  52. ctx.drawImage(img1, , ,width,height,,,width,height);
  53. var src = cvs.toDataURL("image/jpeg",0.7);
  54. return src;
  55. }
  56. var image=new Image();
  57. $('#imgUp').show();
  58. $('.imgtext').hide();
  59. $('#imgUp').attr('src',img_url);
  60. image.src = $('#imgUp').attr('src');
  61. image.onload=function(){//转base64图片
  62. var base64 = getBase64Image(image);
  63. localStorage.base64=base64;
  64. var imgmsg = {UpType:'HandheldPhoto',Vid:'',Uid:Uid,Position:'',Base64:localStorage.base64,Uid:Uid,Client_Id:Client_Id};
  65. Get_request(, imgmsg, 'post', );//1,编号 2,要传送的值 3,请求方式 4,请求地址
  66. };
  67. }
  68. }
  69. });
  70. };

apicloud直接上传图片的更多相关文章

  1. apicloud上传图片

    //定义api $("#photo").change(function(){ //获取图片 api.getPicture({ sourceType: 'library', enco ...

  2. APICloud框架——总结一下最近开发APP遇到的一些问题

    距离上一次发文都过去十天了, 下班回来懒的就想睡觉, 今天520一个重要的节日, 恩爱已经秀完, 该干点事情了!! 总结一下最近开发遇到的一些问题, 以及解决方案 纯css三角形 /* 没有哪个方向的 ...

  3. apicloud图片上传

    app中的图片上传,例如:个人信息页面,上传头像 使用: UIMediaScanner 地址: https://docs.apicloud.com/Client-API/UI-Layout/UIMed ...

  4. apicloud 上传/更新App版本到 ios store 流程步骤

    app更新 上传APP的地址: https://itunesconnect.apple.com/login 苹果开发者中心: https://developer.apple.com/ app正式包更新 ...

  5. apiCloud通过ajax获取数据

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...

  6. APICloud框架——获取本地图片信息

    api.getPicture 获取本地图片放置到服务器上或者在app中预览是app的基本功能,今天使用了APICloud框架的api.getPicture这个api获取到的本地图片预览在app中,就像 ...

  7. 博客使用BOS上传图片

    1.博客平台的选定 从大学开始做个人主页算起,最开始是使用html,CSSS写简单的页面,后面大学毕业之后接触到了WordPress,就开始用WordPress搭建网站.现在还维护着一个农村网站.ht ...

  8. nodejs利用ajax实现网页无刷新上传图片

    nodejs利用ajax实现网页无刷新上传图片 标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...

  9. -Android -线程池 批量上传图片 -附php接收代码

    (出处:http://www.cnblogs.com/linguanh/) 目录: 1,前序 2,类特点 3,用法 4,java代码 5,php代码 1,前序 还是源于重构,看着之前为赶时间写着的碎片 ...

随机推荐

  1. 手动设计神经网络进行MNIST分类

    前言: 用手工设计的两层神经网络,经过200个epoch,最后得到0.9599,约0.96的精度 正文 import tensorflow as tf from tensorflow.examples ...

  2. selenium:css_selector定位详解(css selector和xpath的比较)

    selenium使用css selector和xpath的比较 selenium提供的定位方式(常用) ID NAME CLASS CSS SELECTOR XPATH   推荐的定位方式的优先级 优 ...

  3. 简述Vue项目中返回上一页

    1.背景 由于Vue所生成的项目叫做单页应用,即SPA,如果还是使用jQuery中的go(-)或back()是行不通的,所以,我们使用到了Vue中的编程式导航. 2.基本使用 定义返回按钮: < ...

  4. iptables添加开放端口

    查看状态 iptables -L -n 编辑/etc/sysconfig/iptables -A INPUT -p tcp -m tcp --dport 4000 -j ACCEPT 重启 servi ...

  5. Flask框架(三)—— 请求扩展、中间件、蓝图、session源码分析

    Flask框架(三)—— 请求扩展.中间件.蓝图.session源码分析 目录 请求扩展.中间件.蓝图.session源码分析 一.请求扩展 1.before_request 2.after_requ ...

  6. 【C语言--数据结构】线性顺序表

    线性表的本质: 1.线性表(List)是零个或者多个数据元素的集合: 2.线性表中的数据元素之间是有顺序的: 3.线性表中的数据元素个数是有限的: 4.线性表中的数据元素的类型必须相同: 定义: 线性 ...

  7. 浅拷贝&深拷贝

    浅拷贝新的对象指向原来对象的地址 深拷贝新的对象中,原来是可变对象,会新复制一份值指向新的地址[11,22,33]若原来的对象里含有可变对象,里面的这个可变对象也会指向新的地址['qwer', 123 ...

  8. 如何查看SQL Server某个存储过程的执行历史【转】

    db_name(d.database_id) as DBName, s.name as 存储名称, s.type_desc as 存储类型, d.cached_time as SP添加到缓存的时间, ...

  9. Widget代码讲解

    参考:https://zhuanlan.zhihu.com/p/28225011 QT版本为5.12.4 1.main.cpp #include "widget.h" #inclu ...

  10. 洛谷 P1631 序列合并(优先队列)

    传送门 解题思路 首先读入a.b数组后,sort一遍(从小到大),然后把a[1]+b[1],a[2]+b[1],a[3]+b[1]……a[n]+b[1]全部加入一个优先队列q(小根堆). 然后从一到n ...