当前位置: 首页 > wzjs >正文

怎么看一个网站用什么程序做的百度网盘官方

怎么看一个网站用什么程序做的,百度网盘官方,品牌网站建设4a小蝌蚪,北京欢迎你网站制作公司我在用 element plus的el-upload组件上传1个图片,el-image组件显示图片的过程中,碰到了图片上传第二次时,无法执行上传替换前一个文件,然后又碰到无法执行 http-request 的问题。具体解决代码如下。 2个组件的定义代码如下&#…

我在用 element plus的el-upload组件上传1个图片,el-image组件显示图片的过程中,碰到了图片上传第二次时,无法执行上传替换前一个文件,然后又碰到无法执行 http-request 的问题。具体解决代码如下。

2个组件的定义代码如下:

<el-col :xs="24" :sm="12" :md="12" :lg="24" :xl="24" class="mb20"><el-form-item label="参考图" prop="image"><el-upload ref="myupload":show-file-list="true" :http-request="uploadAttachmentHandle" :limit="1" :on-exceed="handleExceed"	:auto-upload="true"						 ><el-button type="primary">上传</el-button></el-upload><el-imagev-model="imageContainer.imgeurl" style="width: 100px; height: 100px":src="imageContainer.imgeurl":zoom-rate="1.2":max-scale="7":min-scale="0.2":preview-src-list="imageContainer.imgeurl"show-progress:initial-index="4"fit="cover"/><!-- :preview-src-list="imgeurl" --></el-form-item></el-col>

业务函数部分如下:

import { UploadRequestOptions,genFileId } from "element-plus";  
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus';//文件上传替换前一个文件
//:limit="1" 属性和 :on-exceed="handleExceed" 配合使用 ,每次替换旧图。 注意limit是1
const myupload = ref<UploadInstance>();  //myupload 必须和 el-upload 组件的ref属性名同名
const handleExceed: UploadProps['onExceed'] = (files) => {//下面这两行不能在这里执行,执行了就会影响 :http-request="uploadAttachmentHandle" 的接口请 //求执行。要放到下面的函数中最后执行// if(myupload.value!=undefined) // 	myupload.value!.clearFiles(); const file = files[0] as UploadRawFile;file.uid = genFileId();myupload.value!.handleStart(file); }const uploadAttachmentHandle = async (options: UploadRequestOptions) => {const res = await cbbjMaterialApi.uploadAttachment(options);state.ruleForm.image = res.data.result?.id;imageContainer.imgeurl=res.data.result?.url;if(myupload.value!=undefined) myupload.value!.clearFiles(); 
};

 

 

http://www.dtcms.com/wzjs/93378.html

相关文章:

  • wordpress百度推送代码加统计seo优化按天扣费
  • 7k7k小游戏大全网页版seo搜索优化专员
  • 给企业做免费的推广西安seo外包平台
  • 静态页优秀网站关键词优化排名费用
  • 广告公司可以做网站吗产品推广方案怎么做
  • 武汉h5网站建设百度推广有效果吗?
  • 无锡建设网站南宁seo推广
  • 内蒙古做网站公司百度推广电话销售话术
  • 做ptt网站seo关键词优化软件合作
  • 怎么制作网站卖电子文件世界军事新闻
  • 做php网站用的软件上海关键词排名搜索
  • 做期货主要看哪个网站东莞寮步最新通知
  • 大连 网站建设 有限公司网站制作的基本流程
  • 网页制作与网站建设课堂实录东莞疫情最新消息今天又封了
  • 重庆网站建设推广公司网站建设营销推广
  • 企业建设网站的方式有两种上海网站排名优化
  • 自己做的网站微信pc端显示乱码百度代发排名
  • 网站seo合同网站统计哪个好用
  • 南宁最高端网站建设网络营销的主要传播渠道是
  • 项目logo生成器橘子seo
  • python做网站 知乎界首网站优化公司
  • 网站制作公司智能 乐云践新宁波seo快速排名
  • 门户网站与搜索引擎的区别雷神代刷推广网站
  • 广告公司企业网站模板百度搜索广告怎么收费
  • 扬州网站建设公元国际seo优化的方法
  • 服务网站建设公司关键词优化公司前十排名
  • 做外贸的网站赚钱吗各大网址收录查询
  • WordPress与dz用户恭喜seo 推广
  • 广州网站建设交易百度广告联盟怎么赚钱
  • 怎样做网站首页的banner微信营销的功能