移动端上传图片

news/2024/7/10 3:02:49 标签: vue
import { Uploader } from 'vant';
<van-uploader :after-read="afterRead">拍照</van-uploader>
// 上传图片
    afterRead(file) {
      // console.log(file.file.name);
      let content = file.file;
      let data = new FormData();
      data.append("file", content);
      // let a= {file:data}
      this.$http.publicImg(data).then(res => {
        console.log(res);
        let imgs = res.data.data.path;
        let obj = { avatar: imgs };
        this.getImgInfo(obj)
      });
      this.show3 = false;
    },
    // 修改的接口方法
    getImgInfo(obj) {
      this.$http.userData(obj).then(res => {
        console.log(res);
        //调用获取数据接口
        this.getuserInfo();
      });
    },

http://www.niftyadmin.cn/n/1367742.html

相关文章

localstorage,sessionstorage和cookie的区别

localstorage&#xff0c;sessionstorage和cookie的用途都是在浏览器中存储key/value中的数据。 localstorage和sessionstorage存储数据用setItem()&#xff0c;获取数据用getItem()&#xff0c;单独删除数据用removeItem()&#xff0c;全部删除用clear() cookie存储数据 wind…

js中操作dom

DOM元素的创建&#xff0c;增删改查和属性操作 创建&#xff1a;document.wirte、innerHTML、createElement 增加 &#xff1a;appendChild insertBefore 删除 &#xff1a;removeChild 改 修改元素的属性&#xff1a;src、href、title等 修改普通元素内容&#xff1a;innerHT…

vue3rem

1.安装两个插件 npm i postcss-pxtorem -S npm i amfe-flexible -S2.根据vue3提供的新配置方法&#xff0c;在vue-config.js中对CSS做配置&#xff1a; const autoprefixer require(autoprefixer); const pxtorem require(postcss-pxtorem); module.exports {css:{sourceM…

vue3初识

1.vue3中变量写法 import { reactive} from "vue"; export default {setup() {const state reactive({value: "",ids: "",bannerImg: "",sightName: "",gallaryImgs: [],categoryList: []});//注意return出去return { sta…

require与import的区别和使用(CommonJS规范和es6规范)

CommonJS的由来 在早期没有模块化思想时代码没有很好的编写规范&#xff0c;导致很多代码、逻辑重复、缺乏条理性且不易管理维护&#xff0c;这也让很多开发者头疼不已。随着JavaScript 社区的发展&#xff0c;社区为JavaScript制定了相应的规范&#xff0c;而CommonJS规范的提…

elementUi中tree组件获取父节点的id

在tree组件中用current-change"getLeafKeys"事件 methods中 &#xff08;b是tree组件获取的node&#xff09; getLeafKeys(a,b){var parentList []function getParent (node) {// 判断当前节点是否有父节点&#xff0c;并且父节点上的data不能是数组if (node.paren…

搜素模糊查询可以大小写

//leafname 查询输入的值 nodes循环的数据 path内部使用 function findPathByLeafId(leafname, nodes, path) {if (path undefined) {path []}for (var i 0; i < nodes.length; i) {var names nodes[i].name if (names.toLowerCase().includes(leafname) true) {path.…

jsplumb连线的数据

var g_MyJsPlumb null;funInitJSPlumb function() {g_MyJsPlumb jsPlumb.getInstance({Endpoint:["Dot", { radius: 7 }], // 端点形状ConnectionOverlays: [["Arrow", { width: 12, length: 12, location: 1 }]], // 连线样式 装饰属性 箭头Connecto…