精华内容
下载资源
问答
  • 微信小程序 导入地址

    2021-07-27 08:45:52
    index.wxml <view class="add-address" bindtap="addAddress"> <image class="add-img" src=""></image>新增地址 </view> <view class="add-address" ...导入微信地址 </vie

    index.wxml

    
    <view class="add-address" bindtap="addAddress">
    
    <image class="add-img"  src=""></image>新增地址
    
    </view>
    
    <view class="add-address" bindtap="add">
    
    <image class="add-img"  src=""></image>导入微信地址
    
    </view>
    

    index.wxss

    page{  
    
      display: flex;  
    
      flex-direction: column;  
    
      height: 100%;  
    
    }  
    
    .product-name-wrap{
      margin: 0px 10px;
    
      font-size: 14px;
    
      color: #404040;
    
    }
    
    .ui-list-item-info{
      margin: 5px 0px;
    
    }
    
    .ui-list-item-address{
      color: #585c64;
    
    }
    
    .ui-list-item-time{
      margin: 5px 0px;
    
    }
    
    .ui-list-item-del{
      position: absolute;
    
      right: 10px;
    
      color: #585c64;
    
    }
    
    /* 分割线 */
    
    .separate {
      margin: 5px 0px;
    
      height: 2rpx;
    
      background-color: #f2f2f2;
    
    }
    
    .add-address{
      margin: 0 auto;
    
      margin-top: 30px;
    
      width: 150px;
    
      height: 35px;
    
      border: 1px #000 solid;
    
      line-height: 35px;
    
      text-align: center;
    
      color: #000;
    
      border-radius: 5rpx;
    
          display: block;
    
    }
    
    .add-img{
      margin-right: 15rpx;
    
      width: 15px;
    
      height: 15px;
    
    }
    

    index.js

    add:function(){
      wx.chooseAddress({
        success (res) {
          console.log(res);
          var userName=res.userName
          let city=res.cityName
          let countyName=res.countyName
          let detailInfo=res.detailInfo
          wx.request({
            url: 'http://www.week.com/api/login/stroe',
            method:"POST",
            data:{
              userName,
              city,
              countyName,
              detailInfo,
            },
            success:ret=>{
            console.log(ret);
            }
          })
        }
      })
     },
    addAddress:function(){
        wx.navigateTo({ url: '/pages/address/address' });
    
      },
    
    

    后台

      public function stroe()
        {
            $data=input();
            $res=Sites::create($data);
            return json(['code'=>200,'msg'=>'添加成功','data'=>$res]);
    
        }

    展开全文
  • van-cell title="商品图片" size="large"> <van-uploader file-list="{{ fileList }}" max-count="5" bind:after-read="afterRead" bind:delete="delete" /> </van-cell> <van-button ...

    这是wxml,用了Vant组件库

    <van-cell title="商品图片" size="large">
      <van-uploader
        file-list="{{ fileList }}"
        max-count="5"
        bind:after-read="afterRead"
        bind:delete="delete"
      />  
    </van-cell>
    
    <van-button color="#7232dd" size="large" bind:click="onUpCloud">发布</van-button>
    

    file-list="{{ fileList }}"图片暂存在js的data的fileList里

    max-count="5"最多上传5个图片

    bind:after-read="afterRead"添加图片方法

    bind:delete="delete"删除图片方法

    bind:click="onUpCloud 上传图片方法


    接下来的内容都是js文件里的Page里的

    • data
    data: {
      fileList: [], //上传图片的url暂存区
      fileLists: [], //fileID暂存区
    },
    
    • afterRead 图片上传,这里是将图片先存放在fileList[]里
    afterRead(event) {
      const { fileList = [] } = this.data;
      fileList.push({url: event.detail.file.url});
      this.setData({ fileList });
    },
    
    • delete 图片删除
    delete(event){
      const { fileList = [] } = this.data;
      fileList.splice(event.detail.index, 1)
      this.setData({ fileList });
    },
    
    • onUpCloud 上传到云储存
    onUpCloud(){
    	for(let i=0; i<this.data.fileList.length; i++){ //获取图片个数
    		wx.cloud.uploadFile({ //调用wx.cloud.uploadFile
            cloudPath:new Date().getTime()+'.png', // 这么复杂就是为了名字不重复,这个是图片上传在云端的名字
            filePath: this.data.fileList[i].url, // 小程序临时文件路径,就是暂存在data的fileList里的东西
            success: res => {
              // 返回文件 ID
              console.log("上传成功",res)
              console.log(res.fileID)
              //存入图片路径,方便以后调用这个图片
              const { fileLists = [] } = this.data;
              fileLists.push({url: res.fileID});
              this.setData({ fileLists });
              console.log(this.data.fileLists)
              if(i==this.data.fileList.length-1){ //循环到最后一起上传
                this.onUpLoad() //调用onUpLoad方法
              }
            },
            fail: console.error
          })
        }
    },
    
    • onUpLoad 将fileLists上传到数据库,fileList里是fileID,需要读取照片的时候读取这个数据库的表里的fileLists就可以了
    onUpLoad(){
    	wx.cloud.database().collection('goods') //找到表,我这里表名是goods
    	.add({ //add添加插入操作
    		data:{ //准备好要插入的数据,这里就是filesLists了
              fileLists: this.data.fileLists,
            }
          })
    	.then(res=>{ //如果成功就。。。
    		console.log('添加成功',res) //就把东西添加进入
            setTimeout(()=>{
     			this.setData({ //上传
             	fileLists:[],
            })
            },2000)
          })
          .catch(res=>{ //如果失败
            console.log('添加失败',res)
            Toast.fail('发布失败');
          })
      },
    });
    

    执行顺序应该是先把图片上传到云储存,获取fileID,再把fileID上传到数据库,但是不知道为啥我这个顺序是错的,数据库总是抢先一步,这样的话就是还没获得fileID就上传数据库,这时数据库里fileLists的内容就是空的。不知道该咋解决,于是乎我给数据库的上传里加了个setTimeout。我这个方法是不对的,虽然能运行,但是说不过去,这投机倒把的方法,要是哪天网特别卡的时候就会出错了应该,你有啥好方法吗,分享分享。

    为啥要把fileID存到数据库呢,没有这一步那图片不照样已经存在了云储存了吗,是因为,如果下一次需要用这个图片的时候,需要用到这个图片的url,也就是fileID,如果不给这玩意存到数据库,下次想用上传好的照片就不好找了(应该是这样的,如果说的不对,欢迎来喷我)

    展开全文
  • 微信小程序 导入excel文件

    千次阅读 2021-05-29 15:45:16
    导入</view> /** * 导入 */ uploadData() { const that=this wx.chooseMessageFile({ count: 1, type: 'file', success(res) { console.log(res.tempFiles[0]) const path = res.
    	<view  bindtap="uploadData">导入</view>
    
       /**
       * 导入
       */
      uploadData() {
        const that=this
        wx.chooseMessageFile({
          count: 1,
          type: 'file',
          success(res) {
            console.log(res.tempFiles[0])
            const path = res.tempFiles[0].path
            let size = res.tempFiles[0].size;
            let filename = res.tempFiles[0].name;
            // &&filename.indexOf(".xlsx") == -1
            if (filename.indexOf(".xls") == -1) { //限制文件类型
              wx.showModal({
                title: '提示',
                content: '文件类型必须为excel!(.xls)',
                confirmColor: '#0177ff',
                confirmText: '确定',
                success: function (res) {},
              })
            } else {
              const auth = wx.getStorageSync("auth");
              wx.showModal({
                title: '提示',
                content: '确定上传' + filename + "?",
                confirmColor: '#0177ff',
                confirmText: '上传',
                success: function (res) {
                  if (res.confirm) {
                    wx.showLoading({
                      title: "上传中",
                    });
                    wx.uploadFile({
                      url: configAPI.importPlan, //上传的路径
                      header: {
                        "content-type": "application/vnd.ms-excel",
                        auth: auth,
                      },
                      filePath: path,
                      name: 'file', //后台获取的凭据
                      success(res) {
                        let resp = JSON.parse(res.data)
                        if (resp.statusCode === 200) {
                          wx.hideLoading();
                          wx.showModal({
                            title: '提示',
                            content: resp.message ? resp.message : "文件上传成功",
                            showCancel: false, //是否显示取消按钮
                            success: function (result) {
                              that.setData({
                                inputVal:'',
                                pageNo:1
                              })
                              that.getList()
                            }
                          })
                        } else {
                          wx.hideLoading();
                          wx.showModal({
                            title: '提示',
                            content: resp.message ? resp.message : "文件上传失败",
                            showCancel: false, //是否显示取消按钮
                            success: function (result) {
                              that.setData({
                                inputVal:'',
                                pageNo:1
                              })
                              that.getList()
                            }
                          })
                        }
                      },
                      fail(err) {
                        wx.hideLoading();
                        wx.showModal({
                          title: '提示',
                          content: "文件上传失败" + err.errMsg,
                          showCancel: false, //是否显示取消按钮
                          success: function (result) {
                            that.setData({
                              inputVal:'',
                              pageNo:1
                            })
                            that.getList()
                          }
                        })
                      }
                    })
                  }
                }
              })
            }
    
          }
        })
      },
    
    展开全文
  • 无语,全乱码了 解决办法: 1.先把excel文件另存为csv文件,注意!!!并不是直接改后缀名。 2.把csv文件修改后缀名为txt文件 3.再把txt文件另存为utf-8的编码 ...5.最后再导入数据库即可 over ...

    无语,全乱码了
    在这里插入图片描述
    解决办法:
    1.先把excel文件另存为csv文件,注意!!!并不是直接改后缀名。
    在这里插入图片描述
    2.把csv文件修改后缀名为txt文件
    3.再把txt文件另存为utf-8的编码
    在这里插入图片描述
    4.再把后缀名修改为csv
    5.最后再导入数据库即可
    在这里插入图片描述

    over

    展开全文
  • 微信小程序导入wxss文件 在开发小程序中,需要导入一些wxss文件。所以记录一下导入的语法和文件路径写法 @import "/static/iconfont/iconfont.wxss"; 文件夹结构
  • 微信开发者导入微信小程序项目 1.下载微信开发者工具 (1)下载地址 (2)根据自己电脑环境下载相应版本的软件 2.安装微信开发者工具 3.双击开发者工具 4.点击加号,导入项目 5.点击目录,选择小程序...
  • 微信小程序实现图片或gif预加载图片或gif预加载 图片或gif预加载 微信官方原文链接 链接: 官方解释. 最后实现代码 wx.getImageInfo({ src: 'gif动画地址', success (res) { console.log(res) } }) 但是你用过...
  • 微信小程序如何导入文件的一种方法,前三条才是有用的信息1 环境2 当你看到好的demo想在自己的小程序试试的时候3 解决方式,进入本地文件夹直接复制新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的...
  • 图片渲染的时候添加一个wx:if判断就可以了。
  • } }) } }) 导入(上传、选择文件) // 选择文件资源 var that=this; uni.chooseMessageFile({ count: 1, type: 'file', success(ress) { let type = ress.tempFiles[0].type // console.log(type) ...
  • 微信小程序云开发—踩坑关于微信小程序图片资源不显示 前些日子开发微信小程序发现有个别引入的图片资源不显示 具体情况是在左侧调试器预览效果正常显示的,但是使用手机扫码浏览时图片位置空白. 最终在微信开发者甲...
  • 微信小程序 图片加载(本地,网路)实例详解发布时间:2020-08-23 22:53:03来源:脚本之家阅读:361作者:Coco-LG在微信小程序中,要显示一张图片,有两种图片加载方式:加载本地图片加载网络图片加载本地图片src="/...
  • 外卖小程序源码及后台有数据库,附带微信小程序导入上传详细图文文档教程 美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码 源代码地址 https://gitee.com/caonima008/coupon/ 步骤 下载以上源代码到本地 ...
  • 小程序遇到包大小超出限制时,可以首先检查下是否有过大的图片,采用处理成网络图片的方式就可以快速解决这个问题。 本博客包含了三种添加背景图片的方式:base64,图片标签和网络图片,推荐使用第三种。
  • app.wxss文件 @import "../../style/demo.wxss
  • 微信小程序在生活中用得...微信小程序“传图识字” 图片转文字给力工具在微信小程序中搜索“传图识字”,打开界面就能看出来,这是个文本识别工具,也就是扫描行业专业术语“OCR”功能。支持通用的打印文字识别,也...
  • 首先说一下结果,网上到处都在用的那个博主编程石头的代码是真的可以用的,之所以大家用了之后会出现千奇百怪的错误是因为可能根本就不会使用云函数。 奇葩1:云函数中的console一直出不来,后来经过师兄的点拨才...
  • 微信小程序电脑后台获取APPID 这个方法适用于自己申请的微信小程序(自己用的小程序) 打开微信小程序官网:https://mp.weixin.qq.com/ 并登陆 4.项目打包 打包后运行在微信小程序工具 才不会报错,如果报错app....
  • 一般我们在开发中会遇到通过excel文件一键导入数据的模板操作,我们在微信小程序中可以使用node-xlsx插件来解析excel文件的内容变成以json格式的数据返回。 在处理该操作的云函数中下载安装node-xlsx,命令:npm ...
  • <import src="../public/public.wxml" />
  • 1. 导出1.1 方法和变量导出(写在被导出方法和变量的js文件)module.exports = {variable: value,method : methodname}1.2 class导出(es6语法)class homemodule {constructor(url)... 导入2.1 方法和变量的引入(写在需...
  • 直接导入微信开发者工具可运行,具体看代码吧使用起来挺简单的。(也是在参考别人的,做了下修改) 注意:cropper和cropper-image文件不需要做修改(可以修改样式) 使用:修改index/index.js中data的宽高就...
  • 老弟上课的基本见解,有错误欢迎大牛们指正 <!--pages/swiper/swiper.wxml--> <text>pages/swiper/swiper.wxml</text> <!-- 滑块视图 先添加一个滑块容器 --> <!-- 是否自动播放 ...
  • 微信小程序-数据库导入导出文件

    千次阅读 2021-02-22 22:27:15
    如果想要建立的数据库数据比较多,可以现在云开发的环境中建立几条记录,然后导出,再在csv或者json文件中建立数据 新建数据库和数据记录 导出数据库 ...导出后可以在csv文件中修改数据,然后选择导入 ...
  • API 安全码: 在应用功能设置,安全验证,API安全码自己设置 域名配置 在微信服务器域名添加 最后哪个页面要调用就在xxx.js调用就可以了 var Bmob = require('../../utils/bmob.js'); 点击事件下测试一下 let params...
  • 不管是书本还是电子文档又或者是电脑应用中的截图,其实都只要利用小编介绍的这个微信小程序就能轻松完成,不仅能够保证不错的文字识别准确率,同时批量完成识别更是节省大量的时间。那么接下来,小编就为大家带来这...
  • 同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有:尺寸单位和样式导入。补充:关于扩展的特性我们下面会说,既然文档说了WXSS具有CSS 大部分...
  • 自2017年小程序诞生以来,经历了两年多的发展和更新,目前已成时下最热门的互联网产物。越来越多的人想要在小程序市场里分一杯羹,但很多人对于如何制作小程序仍然不甚了解。关于如何制作小程序,大致可以分为两种...
  • Python+微信小程序开发(五)for指令和上传图片

    千次阅读 多人点赞 2021-10-25 15:07:27
    本篇将分享如何使用for指令以及获得上传图片,这感觉在大部分小程序都比较实用!!! 一、for指令 首先还是新建pages/goods/goods的文件夹。 1.循环列表 在pages/goods/goods.js填写dataList: data: { ...
  • 使用微信小程序连接到 MQTT 云服务

    千次阅读 2021-09-03 18:00:19
    微信小程序是腾讯于 2017 年 1 月 9 日推出的一种不需要下载安装即可在微信平台上使用的应用程序,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,301
精华内容 12,520
关键字:

微信小程序导入图片

微信小程序 订阅