vue + elemetui — upload解决跨域、实现图片上传_vue 图片跨域-程序员宅基地

        最近做Vue项目，需要用到图片上传的功能，因为是PC端后台项目，故而采用了element-ui组件库里的upload上传的组件。本文主要解决上传时的跨域问题。
        action属性便是上传的地址，需要进行跨域。话不多说，直接上代码：
          1.进行跨域设置：config->index.js

module.exports = {
  dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // proxyTable: {},
    proxyTable: {
      '/api':{
      		//以下接口胡编，项目中需要使用自己的
	        target:'http://www.baidu.com:9527',  //这里配置的是 请求接口的域名
	        // secure: false, // 如果是https接口，需要配置这个参数
	        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
	        pathRewrite:{
	          '^/api':'' //路径重写，这里理解成用'/api'代替target里面的地址。
	        }
        },
    },
}

2.组件中进行使用，属性、方法请参考element-ui官方文档

<el-upload
      action="/api/web/img/upload"   //图片上传地址
      list-type="picture-card"
      :on-preview="handlePictureCardPreview"
      :file-list="fileList2"
      :on-error="uploadError"
      :before-upload="beforeAvatarUpload"
      :on-remove="handleRemove">
      <i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible" size="tiny">
   <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>

3.效果图：
在这里插入图片描述

本文链接：https://blog.csdn.net/qq_43271452/article/details/89521625

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

java求数组中元素最大值最小值及其下标等相关问题_java、编写两个方法,分别求出数组中最大和最小元素的下标。如果这样的元素个数大-程序员宅基地

文章浏览阅读9.6k次，点赞9次，收藏39次。功能需求:遍历数组,并求出数组中元素的最大元素,最小元素,及其相应的索引等问题,要求用方法完成. 思路:分别创建不同的方法,然后再调用方法.代码展示:public class Array{ public static void main(String[] args){ int[] arr={13,45,7,3,9,468,4589,76,4}; //声明数组并赋值..._java、编写两个方法,分别求出数组中最大和最小元素的下标。如果这样的元素个数大

Linux(Ubuntu)中对音频批量转换格式MP3转WAV/PCM转WAV_ubuntu批量mp3转wav命令-程序员宅基地

文章浏览阅读2.2k次。1、批量将MP3格式音频转换成WAV格式利用ffmpeg工具，统一处理成16bit ，小端编码，单通道，16KHZ采样率的wav音频格式。首先新建Mp3ToWav.sh 文件以路径/home/XXX下音频处理为例，编辑如下代码段：#!/bin/bashfolder=/home/XXXfor file in $(find "$folder" -type f -iname "*.mp3..._ubuntu批量mp3转wav命令

用python+graphviz/networkx画目录结构树状图_networkx画树状图-程序员宅基地

文章浏览阅读1.3w次，点赞2次，收藏22次。想着用python绘制某目录的树状图，一开始想到了用grapgviz，因为去年离职的时候整理文档，用graphviz画过代码调用结构图。graphviz有一门自己的语言DOT，dot很简单，加点加边设置属性就这点东西，而且有python接口。我在ubuntu下，先要安装graphviz软件，官网有deb包，然后python安装pygraphviz模块。目标功能是输入一个路径，输出该路径下的_networkx画树状图

【绿色求索T1设备资产通1.5单机版】适用于资产密集型企业管理_求索t1设备资产通系统(单机版)注册码-程序员宅基地

文章浏览阅读899次。绿色求索T1设备资产通 1.5 单机版 [企业管理高价值设备资产的使用情况]下载软件大小：5.56MB软件语言：简体中文软件类别：软件授权：免费软件更新时间：2013-08-03 07:44:00应用平台：Win2K,WinXP,Win2003,Vista,Win7绿色软件下么官方地址：系统之家官网求索T1设备资产通 1.5 单机版 _求索t1设备资产通系统(单机版)注册码

王桂林C语言从放弃到入门课程-程序员宅基地

文章浏览阅读195次。课程目标16天，每天6节课，每节40分钟课堂实录，带你征服C语言，让所有学过和没有学过C语言的人，或是正准备学习C语言的人，找到学习C语言的不二法门。适用人群所有学过和没有学过C语言的人，或是正准备学习C语言的人！

xml实体注入问题_xml注入内容注入-程序员宅基地

文章浏览阅读618次。xml实体注入问题 https://www.owasp.org/index.php/XML_External_Entity_(XXE)_Prevention_Cheat_Sheet#SAXBuilder_xml注入内容注入