解决uniapp小程序下载全部图片的问题

最新推荐文章于 2024-12-29 22:36:24 发布

原创

最新推荐文章于 2024-12-29 22:36:24 发布 · 1.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

解决uniapp小程序下载全部图片的问题代码如下：

遇到特殊情况：如果遇到小程序预览时只有开启调试功能才能下载图片，说明你的服务器图片地址有误，要和后端人员确认下载接口的域名地址是否与下载图片的接口是否对应，希望能帮到大家。

<template>
	<view>
		<!-- 限时推广页面 -->
		<view class="TimeLimit_Box">
			<view class="TimeLimit_card">
				<view class="title_view">
					{
  
  { initData.title || '' }}
					<view class="TipsIcon">限时推广</view>
				</view>
				<view class="endTime_view">
					<view class="endTime_name">结束时间：</view>
					<view class="endTime">{
  
  { initData.deadline }}</view>
				</view>
				<view class="task_Tips">
					<view class="Mission_statement">任务说明：</view>
					<view class="task_content">
						<view class="task_content1">1、一键保存图片到相册，复制文案，打开微信朋友圈，选择图片和文案发布；</view>
						<view class="task_content2">2、好友通过图片上的二维码访问相关页面，同一位好友1天内仅计一次访问。</view>
					</view>
				</view>
			</view>
			<view class="">
				<view class="Wechat_Moments">
					<view class="preview_text">朋友圈预览</view>
					<view class="Preview_Area">
						<view class="user_profile" style="width: 80rpx;"><image :src="userInfo.avatar"></image></view>
						<view class="Copywriting">
							<view class="user_name">{
  
  { userInfo.nickname }}</view>
							<view class="Copywriting_content">{
  
  { initData.content || '' }}</view>
							<view class="Picture_grid" :class="{ onlyImg: onlyImgShow }">
								<image :src="$url(item)" v-for="(item, index) in timeLimitImg" :key="index" @click="previewImage(index)"></image>
							</view