APICloud从手机获取图片显示在页面上

最新推荐文章于 2022-03-23 22:03:09 发布

原创最新推荐文章于 2022-03-23 22:03:09 发布 · 4.3k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种在Apicloud开发环境中使用getPicture方法获取图片路径后，如何将其正确显示在页面上的方法。通过将返回的图片路径转化为JSON字符串，并利用img标签成功实现了图片的展示。

apicloud封装了getPicture方法，但是会发现得到的ret.data是一串图片路径，然后就不知道怎么显示在页面了，经过多次试验，终于解决，

发现必须要将ret.data转化成JSON字符串然后用img标签显示出来

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不服来打我咯

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

apicloud h5图片上传批量上传.rar

07-10

图片批量上传基于apicloud h5的图片上传，解决状态栏重合，并优化fixStatusBar代码,Android4.4版本以上添加25px，由于原作者删掉博文，放着备份，也方便大家，如果有影响到原作者，烦请私聊我删资源。

Apicloud H5考勤打卡页面

01-10

开发者可以通过Apicloud调用这些API，在H5页面上展示地图，并获取用户当前位置，从而实现考勤打卡时的精确定位。同时，结合Apicloud的权限管理，可以设定只有在公司特定范围内才能打卡，进一步保障考勤的准确性。 ...

参与评论您还未登录，请先登录后发表或查看评论

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

Mr.Yuan

04-19

6804

api.getPicture 获取本地图片放置到服务器上或者在app中预览是app的基本功能，今天使用了APICloud框架的api.getPicture这个api获取到的本地图片预览在app中，就像上传qq头像一样，其实就是这个需求，获取本地照片（拍摄照片）设置为头像，先预览一下。这个api的文档写的很清楚，每个参数的功能，可是其中还是有点坑的api.getPicture({ sou

apicloud获取页面html,如何使用apicloud在页面中循环显示获取的到数据

weixin_39630744的博客

06-04

635

使用apicloud访问服务器接口，获取到想要的数据之后，如果使用Javascript脚本拼接HTML代码来生成对应的产品或者新闻列表的话，需要组合的html代码字符串真的就是超级繁琐，然后还要把他们插入到页面对应的位置，光是想一下就觉着很头痛，因为javascript不是标记性语言，不适合生成html代码，所以，我们在开发app项目的时候也不推荐使用javascript拼接字符串的形式来完成一些...

apicloud图片放大和图片左右滑，查看图片很多张

weixin_44012573的博客

05-29

1637

var UIPhotoViewer = api.require('UIPhotoViewer'); ... // 点击图片放大查看 fangBigTu(it) { UIPhotoViewer.open({ images: it, ...

apicloud图片下载以及展示在img标签上的方法

weixin_42516540的博客

02-13

3199

var img=test+ret.data.user.headPortrait; //图片的网络地址 var fs = api.require(‘fs’); //下载图片 api.download({ url: img, //alert(JSON.stringify(imglist[0].logo)); savePath: ‘fs://1.jpg’, //指定路径和文件名 report: tr...

APICloud（二）：选择一张或多张图片

总有一天，你的日积月累，会成为别人的望尘莫及

04-21

2714

静态页面和效果就拿微信的发朋友圈的界面来说吧，长按“相机”图标、或者点击“添加图片的+按钮”时假设触发的事件为addPic。一、事件触发：addPic /** *点击添加图片的图标时触发该事件，该事件用来弹出框让选择是从相册中添加数据还是拍照 * */ function addPic(){ //从底部弹出框让选择是通过相册拍照还是从相册中选择 api.acti...

【APICloud系列|13】移动端适配通揽

孙叫兽的博客

03-20

850

一、为什么要移动端适配? 一般情况下设计稿的设计师按照 375 的尺寸设计，然而，在现在移动终端(就是手机)快速更新的时代，每个品牌的手机都有着不同的物理分辨率，这样就会导致，每台设备的逻辑分辨率也不尽相同，此时 375 的设计稿，如果想要还原那基本是不可能了，因为如果一个左右布局，左边如果写死，右边自适应的话，每个设备的右边所展示的内容大小就不尽相同，这时移动端适配就显得尤其重要。既然要了...

APICloud 入门教程窗口篇

ff_888888的博客

01-04

1889

什么是窗口，窗口可以理解为一屏幕内容的一个基本载体，里面可以放导航，图片，视频，文字等组成一屏幕内容。不同的窗口组成一个APP, 例如购物APP有【首页】，【购物车】，【我的】等不同的窗口。不同的窗口之间可以进行跳转。 api.openWin 打开一个window窗口。window窗口是全屏的，不可设置大小。 api.openFrame 打开一个frame窗口。frame 窗口可以设置大小。 openWin示例代码： api.openWin({ name...

APIcloud在线读取服务器照片

weixin_44924565的博客

03-25

313

一、页面代码 var troublePhoto = data.riskRectifyList.troublePhoto; var photoUnusual=troublePhoto.split(","); //troublePhoto存放照片名称字符分割 for (i=0;i<photoUnusual.length ...

PS不改变图片分辨率条件下改变照片kb大小

热门推荐

yopo_AG的博客

09-23

1万+

1.首先打开PS,在PS中打开目标图片 2.在工具栏的“文件”中点击“存储为”，保存图片为所需格式只点击保存，弹出一个调整图像品质对话框 3.拉动小三角可以调整图片存储大小(kb)----此图为187.8kb 4.操作完成 ...

apicloud开发app的创作历程之图片上传

黄小米的日常

08-08

544

最近一直在用apicloud开发app,虽然目前来说还不知道该框架的优势在哪里，但已经被下达命令就好好把这个框架学习好图片上传由于apicloud内置js渲染引擎，所以写大部分的js是无所顾忌的，但最近在写图片上传功能时，本以为还可以正常的思路，先监听input type为 file的onchang，进而获取到file，奈何在提交时一直不能拿到file文件，apicloud是使用它自己的方法去...

apicloud app选择手机相册相机图片上传到服务器

信徒博客

03-26

3993

效果图是这样的点击修改头像，会出现选项 apicloud HTML代码 <img src="" id="avatar"/> <input type="button" value="修改头像" onclick="showAction();"/> apicloud js代码 <script> //调用手机相册和相机 va...

apicloud获取页面html,【apicloud】webBrowser获取页面传参

weixin_33399354的博客

06-04

1040

apicloud中打开外部链接通常用以下两种方式：webBrowser：更完美的呈现H5页面openWin：利于H5与APP进行交互本文主要接口webBrowser如何从链接中获取传参，并打开APP中的对应页面。//url设置方法//varappwinname='group_vip_win';//varappwinurl='widget://html/group_vip_...

APICloud（三）：预览图片

总有一天，你的日积月累，会成为别人的望尘莫及

04-21

2489

上一篇说的选择图片，且显示图片的img标签的父级A标签每个都添加了onclick事件previewThePic，该事件用来预览图片。且所有的A标签都添加在picList的div中。（PS：先说好层级关系，代码中获取img的src就不会晕了）对于图片预览，ac官方提供了两个模块：imageBrowser和photoBrowser。 imageBrowser：可预览，顶部有导航条（可返回...

APICloud进行窗口和页面操作

python_web全栈

03-23

4613

1. 方式一windows窗口 1.1 介绍 window是APICloud提供的最顶级的页面单位.一个APP至少会存在一个以上的window窗口,在用户打开APP应用，应用在初始化的时候，默认就会创建了一个name=root 的顶级window窗口，显示当前APP配置的首页。新建window窗口。注意: 如果之前已经存在同名的窗口,则APP不会再次创建新窗口,而是显示对应名称的窗口。 1.2 代码示例 <li><img class="module4" @click="l

apicloud图片缓存的使用和查看清除缓存

微风

07-17

2870

一、缓存列表图片 //循环数据的时候加载执行一个缓存图片的函数 <script type="text/x-dot-template" id="listT"> {{ for (var i = 0; i < it.length; i++) { }} <img class="aui-img-object aui-pull-left" onload="fnLoadImage(this)" dat

apicloud 预览图片_APICloud（三）：预览图片

weixin_35732157的博客

02-06

830

上一篇说的选择图片，且显示图片的img标签的父级A标签每个都添加了onclick事件previewThePic，该事件用来预览图片。且所有的A标签都添加在picList的div中。(PS：先说好层级关系，代码中获取img的src就不会晕了)对于图片预览，ac官方提供了两个模块：imageBrowser和photoBrowser。imageBrowser：可预览，顶部有导航条(可返回、可保存到本地)...

APICloud H5图片上传功能实现与教程备份分享

- 跨平台适配：由于apicloud支持iOS、Android等多个平台，开发者需要确保在不同平台上上传图片的逻辑能正常工作，并在不同设备上能提供一致的用户体验。总结而言，apicloud平台上的图片上传功能是一个典型的前后端...