精华内容
下载资源
问答
  • uniapp 分享

    2021-01-14 16:30:14
    wxShare() { downPdf({ flag: 'user', pernr: this.userinFor.pernr }).then(res => { this.shareUrl = res[1].data; let url = ` ${t.
    wxShare() {
                  
                    downPdf({
                        flag: 'user',
                        pernr: this.userinFor.pernr
                    }).then(res => {
                        this.shareUrl = res[1].data;
                        let url = ` ${this.$baseUrl}/images/userinformation/${this.shareUrl}`;
                        var dtask = plus.downloader.createDownload(
                            url, {
                                filename: '_doc/pdf/' + this.shareUrl
                            },
                            function(d, status) {
                                // 下载完成
                                if (status == 200) {
                                    FileShare.render({
                                            type: 'SYSTEM', //QQ为QQ,微信为WX,系统默认是SYSTEM,不填写默认SYSTEM
                                            filePath: plus.io.convertLocalFileSystemURL(d.filename)
                                        },
                                        result => {}
                                    );
                                } else {
                                    'Download failed: ' + status;
                                }
                            }
                        );
                        dtask.start();
                      
                    });
                },

     

    展开全文
  • uniapp分享

    千次阅读 2019-06-28 18:36:20
    <template> <view> <page-head :title="title"></page-head> <view class="uni-padding-wrap"> <...分享内容</view> <view class="uni-t...
    <template>
    	<view>
    		<page-head :title="title"></page-head>
    		<view class="uni-padding-wrap"> 
    			<view class="uni-title">分享内容</view>
    			<view class="uni-textarea">
    				<textarea class="textarea" v-model="shareText" />
    			</view>
    			<view class="uni-title">分享图片:</view>
    			<view class="uni-uploader" style="padding:15upx; background:#FFF;">
    				<view class="uni-uploader__input-box" v-if="!image" @tap="chooseImage"></view>
    				<image class="uni-uploader__img" v-if="image" :src="image"></image>
    			</view>
    			<!-- #ifdef APP-PLUS -->
    			<view class="uni-title">分享类型:</view>
    			<view>
    				<radio-group @change="radioChange">
    					<label class="radio">
    						<radio value="1" checked="true"/>文字
    					</label>
    					<label class="radio">
    						<radio value="2" />图片
    					</label>
    					<label class="radio">
    						<radio value="0" />图文
    					</label>
    					<label class="radio">
    						<radio value="5" />小程序
    					</label>
    				</radio-group>
    			</view>
    			<view class="uni-btn-v uni-common-mt" v-if="providerList.length > 0">
    				<block v-for="(value,index) in providerList" :key="index">
    					<button type="primary" v-if="value" :disabled="shareType === 5 && value.name !== '分享到微信好友'" @tap="share(value)">{{value.name}}</button>
    				</block>
    			</view>
    			<!-- #endif -->
    			<!-- #ifdef MP-WEIXIN -->
    			<view class="uni-btn-v uni-common-mt">
    				<button type="primary" open-type="share">分享</button>
    			</view>
    			<!-- #endif -->
    		</view>
    	</view>
    </template>
    <script>
    	export default {
    		data() {
    			return {
    				title: 'share',
    				shareText: 'uni-app可以同时发布成原生App、微信小程序、H5,邀请你一起体验!',
    				href:"https://uniapp.dcloud.io",
    				image: '',
    				shareType:1,
    				providerList: []
    			}
    		},
    		onShareAppMessage() {
    			return {
    				title: "走在小程序的分享",
    				path: '/pages/tabBar/component/component',
    				imageUrl:this.image ? this.image : 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/app/share-logo@3.png'
    			}
    		},
    		onUnload:function(){
    			this.shareText='uni-app可以同时发布成原生App、微信小程序、H5,邀请你一起体验!',
    			this.href = "https://uniapp.dcloud.io",
    			this.image='';
    		},
    		onLoad: function () {
    			uni.getProvider({
    				service: "share",
    				success: (e) => {
    					console.log("success", e);
    					let data = []
    					for (let i = 0; i < e.provider.length; i++) {
    						switch (e.provider[i]) {
    							case 'weixin':
    								data.push({
    									name: '分享到微信好友',
    									id: 'weixin',
    									sort:0
    								})
    								data.push({
    									name: '分享到微信朋友圈',
    									id: 'weixin',
    									type:'WXSenceTimeline',
    									sort:1
    								})
    								break;
    							case 'sinaweibo':
    								data.push({
    									name: '分享到新浪微博',
    									id: 'sinaweibo',
    									sort:2
    								})
    								break;
    							case 'qq':
    								data.push({
    									name: '分享到QQ',
    									id: 'qq',
    									sort:3
    								})
    								break;
    							default:
    								break;
    						}
    					}
    					this.providerList = data.sort((x,y) => {
    						return x.sort - y.sort
    					});
    				},
    				fail: (e) => {
    					console.log("获取登录通道失败", e);
    					uni.showModal({
    						content:"获取登录通道失败",
    						showCancel:false
    					})
    				}
    			});
    		},
    		methods: {
    			async share(e) {
    				console.log("分享通道:"+ e.id +"; 分享类型:" + this.shareType);
    				
    				if(!this.shareText && (this.shareType === 1 || this.shareType === 0)){
    					uni.showModal({
    						content:"分享内容不能为空",
    						showCancel:false
    					})
    					return;
    				}
    				
    				if(!this.image && (this.shareType === 2 || this.shareType === 0)){
    					uni.showModal({
    						content:"分享图片不能为空",
    						showCancel:false
    					})
    					return;
    				}
    				
    				let shareOPtions = {
    					provider: e.id,
    					scene: e.type && e.type === 'WXSenceTimeline' ? 'WXSenceTimeline' : "WXSceneSession", //WXSceneSession”分享到聊天界面,“WXSenceTimeline”分享到朋友圈,“WXSceneFavorite”分享到微信收藏     
    					type: this.shareType,
    					success: (e) => {
    						console.log("success", e);
    						uni.showModal({
    							content: "分享成功",
    							showCancel:false
    						})
    					},
    					fail: (e) => {
    						console.log("fail", e)
    						uni.showModal({
    							content: e.errMsg,
    							showCancel:false
    						})
    					},
    					complete:function(){
    						console.log("分享操作结束!")
    					}
    				}
    				
    				switch (this.shareType){
    					case 0:
    						shareOPtions.summary = this.shareText;
    						shareOPtions.imageUrl = this.image;
    						shareOPtions.title = "欢迎体验uniapp";
    						shareOPtions.href = "http://uniapp.dcloud.io";
    						break;
    					case 1:
    						shareOPtions.summary = this.shareText;
    						break;
    					case 2:
    						shareOPtions.imageUrl = this.image;
    						break;
    					case 5:
    						shareOPtions.imageUrl = this.image ? this.image : 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/app/share-logo@3.png'
    						shareOPtions.title = "欢迎体验uniapp";
    						shareOPtions.miniProgram = {
    							id:"gh_33446d7f7a26",
    							path:"/pages/tabBar/component/component",
    							webUrl:"http://uniapp.dcloud.io",
    							type:0
    						};
    						break;
    					default:
    						break;
    				}
    				
    				if(shareOPtions.type === 0 && plus.os.name === 'iOS'){//如果是图文分享,且是ios平台,则压缩图片 
    					shareOPtions.imageUrl = await this.compress();
    				}
    				if(shareOPtions.type === 1 && shareOPtions.provider === 'qq'){//如果是分享文字到qq,则必须加上href和title
    					shareOPtions.href = "http://uniapp.dcloud.io";
    					shareOPtions.title = "欢迎体验uniapp";
    				}
    				uni.share(shareOPtions);
    			},
    			radioChange(e){
    				console.log("type:" + e.detail.value);
    				this.shareType = parseInt(e.detail.value);
    			},
    			chooseImage() {
    				uni.chooseImage({
    					count: 1,
    					sourceType: ['album', 'camera'],
    					sizeType: ['compressed', 'original'],
    					success: (res) => {
    						this.image = res.tempFilePaths[0];
    					}
    				})
    			},
    			compress(){//压缩图片 图文分享要求分享图片大小不能超过20Kb
    				console.log("开始压缩");
    				let img = this.image;
    				return new Promise((res) => {
    					var localPath = plus.io.convertAbsoluteFileSystem(img.replace('file://', ''));
    					console.log('after' + localPath);
    					// 压缩size
    					plus.io.resolveLocalFileSystemURL(localPath, (entry) => {
    						entry.file((file) => {// 可通过entry对象操作图片 
    							console.log("getFile:" + JSON.stringify(file));
    							if(file.size > 20480) {// 压缩后size 大于20Kb
    								plus.zip.compressImage({
    									src: img,
    									dst: img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG'),
    									width: '10%',
    									height: '10%',
    									quality: 1,
    									overwrite: true
    								}, (event) => {
    									console.log('success zip****' + event.size);
    									let newImg = img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG');
    									res(newImg);
    								}, function(error) {
    									uni.showModal({
    										content:"分享图片太大,需要请重新选择图片!",
    										showCancel:false
    									})
    								});
    							}
    						});
    					}, (e) => {
    						console.log("Resolve file URL failed: " + e.message);
    						uni.showModal({
    							content:"分享图片太大,需要请重新选择图片!",
    							showCancel:false
    						})
    					});
    				})
    			}
    		}
    	}
    </script>
     
    <style>
     
    </style>
    
    
    展开全文
  • uni-app分享调用系统分享组件发送分享消息,不需要配置分享SDK当中出现了图片,图片的优先级会大于文字。uni.shareWithSystem({type:"text",summary: ‘补充文字‘,href: ‘https://www.baidu.com/‘,// imageUrl:"....

    uni-app分享

    调用系统分享组件发送分享消息,不需要配置分享SDK

    当中出现了图片,图片的优先级会大于文字。

    uni.shareWithSystem({

    type:"text",

    summary: ‘补充文字‘,

    href: ‘https://www.baidu.com/‘,

    // imageUrl:"../../static/logo.png",

    success(){

    console.log(‘分享成功‘);

    // 分享完成,请注意此时不一定是成功分享

    },

    fail(){

    console.log(‘分享失败‘);

    // 分享失败

    }

    })

    多个图片分享

    当中出现了图片,图片的优先级会大于文字。

    不需要配置分享SDK

    let msg={

    type:‘image‘,

    pictures:[‘../../static/logo.png‘]

    }

    plus.share.sendWithSystem(msg, function(){

    console.log(‘分享成功‘);

    }, function(e){

    console.log(‘分享失败:‘+JSON.stringify(e));

    });

    展开全文
  • uniapp分享配置

    2021-01-10 14:15:04
    onLaunch: function() { this.overShare() ... //重写分享方法 overShare: function () { //间接实现全局设置分享内容 wx.onAppRoute(function (res) { //获取加载的页面 let pages = getCurrentPages()..

     // 首页分享设置
          uni.showShareMenu({
                    withShareTicket: true,
                    menus: ['shareAppMessage', 'shareTimeline']
          })

     


    1.分享当前界面给朋友

     onShareAppMessage(res) {
          return {
            title: '一叶车管家',
            path: '/pages/welcome/index'
          }
        },

    2. 分享指定图片配置(app.vue下面设置分享制定图片并且地址为当前分享地址)

        onLaunch: function() {
             this.overShare()
         },

     

     

     methods: {
          //重写分享方法
          overShare: function () {
            //间接实现全局设置分享内容
            wx.onAppRoute(function (res) {
              //获取加载的页面
              let pages = getCurrentPages(),
                //获取当前页面的对象
                view = pages[pages.length - 1],
                data;
                        let route = view.$page.fullPath
              if (view) {
                data = view.data;
                if (!data.isOverShare) {
                  data.isOverShare = true;
                  view.onShareAppMessage = function () {
                    //你的分享配置
                    return {
                      title: '一叶管家',
                      path: route,
                      imageUrl: 'https://xxx.com/images/shareWhere.png'
                    }
                  }
                }
              }
            })
          }
        }

     

     

     

     

     

     

    展开全文
  • 在做app的时候经常需要上传头像,这就需要压缩图片了使用plus.zip.compressImage 进行压缩chooseImage() {var that = this;uni.chooseImage({count: 1,sizeType: ['compressed'],success: res =>...
  • uniapp我也是第一次玩,官网说可以一次编码,多端发布。说实话,一开始我是怀疑的。不过,走到现在,app已经开发好、h5页面也接近完成。现在要生成小程序了,想想就很激动。。在hbuilderx上运行到小程序,看到了熟悉...
  • 黄老师公众号zaojiax,建筑、造价资料分享给排水经验分享!!给水管道1)PPR热熔管.......工程上使用的给水管道大部分为PPR热熔管,已经很少使用金属管材了,PPR管有与金属管材相当的强度,易于弯曲并不反弹,耐高温...
  • uniapp分享功能-怎么能像html2canvas那样截图

    千次阅读 热门讨论 2019-12-03 14:04:04
    有时候我们在做分享功能的时候,有些恶心的要求要求我们把整个页面给生成一张图片 如果是H5还好 可以通过html2canvas框架来实现,但uniapp写的不是html,而是组件化的 那这个时候,我们可以用他H5+的屏幕截图的途径...
  • 这两天领导要做一个分享微信好友、微信朋友圈、QQ的功能,因为之前没有这方面的经验,所以都是一边查资料一边去做的,现在搞得差不多了,在这里给大家分享一下,希望大家多多指点 这里是先做安卓的 先上h5页面 分享...
  • 黄老师公众号zaojiax,建筑、造价资料分享 高层建筑给排水管道不涉及建筑结构安全性,但却对人们的生活质量至关重要。建筑给排水管道包括给水与排水,排水系统主要采用室内有组织排水及污水管,给水系统需经过加压二...
  • 水面有泡沫该怎么办大家好,我是阳希,一个充满正能量的男生很高兴认识您。阳希欢迎老朋友,欢迎新朋友!想要了解更多关于如东小棚虾的知识...今天给大家分享。1、密度太大 无论你养殖哪个品种,都要注意合适的密度...
  • 别急,下面这位用户的经验分享就可以作为一种处理方法!该用户所在企业骨料线的二破使用了反击破PF-1620进行破碎作业,使用4年来设备一直运转正常,后例行停机检查,发现反击破转子1处裂透,采取应急措施进行了处理...
  • 免责声明:本微信部分图片及文字来源于其他公众号与互联网网页,其目的是为了将更好的内容分享给更多人,版权依旧归原作者所有。如若有涉及侵权请予以告知,我们会尽快在24小时内删除相关内容,谢谢!
  • app分享到微信好友app>打开微信>打开APP>打开微信分享成功 在manifest.json app-plus > distribute > ios > capabilities 下配置 "capabilities" : { "entitlements" : { ...
  • “一种别开生面的场景一件美物就在手中被盘活了起来仿佛瞬间就有了生命力如此令人着迷沉静在这样的世界中无法自拔”关于盘玩金刚菩提,今天的分享对你非常有用哦。所谓盘玩黑科技,也是有着各种好玩又有趣的事情呢。...
  • 作为vue语法开发的跨平台开发框架虽然愿望很美好,但是真的要实现跨平台还是需要开发者搭建好的项目架构,灵活运行vue语法和模块化开发思维。H5适配官方创新很好,又为我们创造了一个尺寸单位,upx,但是考虑到项目...
  • 标签:报错开发者dsdreftin目录bar文件detail小程序的包被限制在2M以下, 超出的时候点击预览, 发现报错:Error: 代码包大小为 3701 kb,上限为 2048 kb,请删除文件后重试1. 优化代码, 删除掉不用的代码2....
  • 作为一个资深的专业人士还有帮助很多女性成功叫矫正的经验,总结了3步分享给大家。 【调整方法】 1. 良好的生活姿势 养成良好的生活姿势,包括坐,站,行走和睡觉等,都要注意保持良好的姿势,坐时不要含胸低头,...
  • 1、判断客户端环境是 Android、iOS,ps:在百度小程序开发工具、...可使用自定义按钮方式 或监听系统右上角的分享按钮 onShareAppMessage 进行自定义分享内容 从APP分享到微信时,无法判断用户是否点击取消分享,因为
  • 做微信H5的朋友都知道,在过去要设置"分享到朋友圈"的缩略图,是非常简单的一件事情,只需要制作一张300*300的缩略图片(如命名为300.jpg),然后在页面head部分的开头引入微信朋友圈缩略图代码即可。 //其余代码...这...
  • 但是当发现车牌识别后电动伸缩门无反应不开启怎么办呢,下面北京龙鼎瑞通智能出入口设备厂家为大家分享以下几点,供参考! 电动伸缩门加装车牌识别系统案例 一、电动伸缩门机械问题 电动伸缩门机械问题:跳闸开关断开...
  • 点击蓝字 关注我们 手脚冰凉怎么办 11个缓解方法 请收好 so cold 随着天气越来越冷,很多人的手脚冰凉症状也越来越重,部分网友调侃自己的手脚好似是冰做的。 喝热水、戴手套、厚袜子……方法... 喜欢我们就分享一下吧~
  • 暖气片逐渐成为现代家庭必备采暖设备,暖气片的稳定运行才能保障过个暖冬。供暖期,暖气片总是不太热是怎么回事?... 扫码关注我们 获取更多信息 转载是一种动力 分享是一种美德 动动小手 点个【在看】再走
  • 植物花卉缺铁性黄叶怎么办? 喜欢养花的朋友对于植物缺铁性黄叶不会陌生,如图: 可以很明显的看到缺铁性黄叶的主要表现是植物叶片发黄... 我是养花经验帮,加个关注,我们每天见,分享养花经验,结识更多花友,拜拜!
  • 随着新时代的发展,据调查:在2017年,著名医学杂志《柳叶刀》发表了一项关于全球人的体重报告,中国是全世界胖子最多的国家;在2019年,中国疾病预防控制中心发表的文章...不妨在下方评论中留言,分享给我们的营养师。
  • 二、uniapp配置 三、代码 一、准备工作 1.在微信开放平台注册开发者https://open.weixin.qq.com/ 2.申请移动应用,需“应用名称、简介、及28*28和108*108的PNG图片各一张,且大小不超过300k”,点击下一步,需...
  • uniapp实现微信分享

    千次阅读 2020-04-29 17:49:00
    uniapp 中实现微信分享 具体属性请参考官方文档 uniapp官网 onShareAppMessage(res) { //res参数可判断该分享的事件源 if (res.from === 'button') { //当点击button时触发分享 } if (res.from === '...
  • uniapp实现分享功能

    2021-01-28 20:23:38
    <template>...分享</button> </view> </template> <script> export default { data() { return { text: '兼容' } }, components: {}, methods: { .
  • uniapp微博分享失败

    2020-11-19 12:12:04
    1、检查回调地址是否一致 微博开放平台授权回调页和mainifest.json的redirect_uri保持一致 2、图片路径是否为本地路径 如果是线上图片路径,改成本地路径,或者把图片下载下来引用本地路径。imageUrl: “…/…/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 437
精华内容 174
关键字:

uniapp分享