国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

el-upload上傳文件攜帶額外參數(shù)

這篇具有很好參考價(jià)值的文章主要介紹了el-upload上傳文件攜帶額外參數(shù)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

在進(jìn)行文件上傳時(shí),需要傳遞其他參數(shù),比如下圖中需要實(shí)現(xiàn)攜帶下拉框的參數(shù)

el-upload上傳文件攜帶額外參數(shù)

前端實(shí)現(xiàn):將下拉框中的參數(shù) 傳遞到:data中?

:data="{'script_model':script_model}" ?

<el-dialog title="上傳腳本" :visible.sync="up_script_visible" style="line-height:18px;width: 100%;">
      <el-select v-model="script_model" style="float: left">
        <el-option label="other腳本(低性能)" value="other"></el-option>
        <el-option label="python腳本(中性能)" value="python"></el-option>
        <el-option label="go腳本(高性能)" value="go"></el-option>
      </el-select>
      <br><br><br>
      <el-upload
          :data="{'script_model':script_model}"  
          style="float: left"
          :action="get_action()"
          :limit="1"
          name="script_file"
    >
        <el-button size="mini" type="primary">上傳腳本</el-button>
      </el-upload>
      <br><br><br><br>
    </el-dialog>


  methods:{
    get_action(){
      return process.env.VUE_APP_BASE_URL+'/upload_script_file/'
    },
}

?后端實(shí)現(xiàn):

從post請(qǐng)求中獲取攜帶的參數(shù):

?script_model = request.POST.get('script_model')文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-510799.html

# 上傳文件
def upload_script_file(request):
    script_model = request.POST.get('script_model')
    myFile = request.FILES.get('script_file')
    file_name = str(myFile)
    fp = open('scripts/' + script_model + '/' + file_name, 'wb+')
    for i in myFile.chunks():
        fp.write(i)
    fp.close()
    return HttpResponse('')

到了這里,關(guān)于el-upload上傳文件攜帶額外參數(shù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • el-upload上傳文件類型大小限制+手動(dòng)上傳+通過(guò)后端給的接口帶參數(shù)

    el-upload上傳文件類型大小限制+手動(dòng)上傳+通過(guò)后端給的接口帶參數(shù)

    ? 本地上傳文件類型只能是 xml 和 a2l 的 做多上傳個(gè)數(shù)為2個(gè) 可以多選上傳 每種格式最多上傳一個(gè)文件 上傳為手動(dòng)上傳到服務(wù)器 上傳錯(cuò)誤有相應(yīng)的提示 ? 首先上傳為手動(dòng)上傳那么文件類型我是打算在選取文件到前端頁(yè)面的過(guò)程中我就處理文件 或者也? ? 可以在上傳服務(wù)器的

    2024年02月08日
    瀏覽(101)
  • 使用element-ui的el-upload進(jìn)行excel文件上傳與下載

    使用element-ui的el-upload進(jìn)行excel文件上傳與下載

    需求:前端上傳文件后,后端接受文件進(jìn)行處理后直接返回處理后的文件,前端直接再將文件下載下來(lái)。 通常我們都是直接使用el-upload的action屬性來(lái)直接完成文件上傳的操作,如果要進(jìn)行后續(xù)文件的直接下載,可以在on-success中用代碼進(jìn)行操作,若存在401權(quán)限問(wèn)題也可以直接

    2024年02月11日
    瀏覽(37)
  • elementui el-upload 上傳文件

    在使用element中的el-upload上傳文件或者圖片時(shí),需要先把el-upload的自動(dòng)上傳改為手動(dòng)上傳:auto-upload=“false”然后el-upload內(nèi)部會(huì)調(diào)用this.$refs.upload.submit();方法,從而實(shí)現(xiàn)多個(gè)文件上傳。 提示:以下是本篇文章正文內(nèi)容,下面案例可供參考 代碼如下(示例): 需要注意的是 acce

    2024年02月06日
    瀏覽(33)
  • el-upload實(shí)現(xiàn)上傳文件夾

    el-upload實(shí)現(xiàn)上傳文件夾

    背景:如圖一所示,最下面有一個(gè)黃色上傳文件按鈕,為手動(dòng)上傳而且上傳區(qū)域有上傳文件和上傳文件夾的區(qū)分 所以需要在點(diǎn)擊了上傳文件夾做特殊處理使得el-upload可以上傳文件夾 01.在拖拽上傳的區(qū)域綁定一個(gè)點(diǎn)擊事件 handlePreview ,(注意不要直接綁定在el-upload區(qū)域,會(huì)被觸

    2024年02月07日
    瀏覽(25)
  • el-upload 文件上傳組件的使用

    el-upload 文件上傳組件的使用

    element-ui官網(wǎng) element ui=upload上傳組件 Upload 上傳文件這個(gè)功能是我們?cè)谄髽I(yè)實(shí)際開發(fā)當(dāng)中使用頻率是非常高的這樣一個(gè)文件上傳的功能,,element ui組件組也給我們提供了上傳的組件。所有我們一定要熟悉掌握它 使用之前先進(jìn)行一下element ui的安裝和配置 打開終端=輸入npm i elem

    2024年02月11日
    瀏覽(242)
  • vue 使用 el-upload 上傳文件(自動(dòng)上傳/手動(dòng)上傳)

    vue 使用 el-upload 上傳文件(自動(dòng)上傳/手動(dòng)上傳) 上傳 上傳

    2024年02月13日
    瀏覽(113)
  • el-upload自定義上傳文件顯示進(jìn)度條

    el-upload自定義上傳文件顯示進(jìn)度條

    el-upload自定義上傳文件時(shí)需要顯示進(jìn)度條,但使用 http-request 會(huì)覆蓋默認(rèn)的上傳行為, on-progress 也就不生效了,所以可以 自定義上傳的實(shí)現(xiàn) 。 按鈕 數(shù)據(jù) 事件 導(dǎo)入接口 接口方法 uploadEvent ——在封裝的axios請(qǐng)求方法的headers里面加入即可(關(guān)鍵)

    2024年02月15日
    瀏覽(29)
  • 使用el-upload組件實(shí)現(xiàn)遞歸多文件上傳

    使用el-upload組件實(shí)現(xiàn)遞歸多文件上傳

    一、需求描述:在頁(yè)面上點(diǎn)擊按鈕彈出選擇電腦文件的界面,可以一次性選擇多個(gè)文件一起上傳到服務(wù)器上,并把上傳成功的文件展示在頁(yè)面上。 · 二、 問(wèn)題闡述:el-upload是支持多文件上傳的,但是是同步進(jìn)行的,你點(diǎn)擊上傳按鈕,選擇了多個(gè)文件后點(diǎn)擊確定,會(huì)同時(shí)調(diào)用

    2023年04月08日
    瀏覽(38)
  • el-upload實(shí)現(xiàn)上傳文件并展示進(jìn)度條

    el-upload在實(shí)現(xiàn)文件上傳時(shí)無(wú)法觸發(fā)on-progress鉤子,即使調(diào)用后端接口并成功的情況下都無(wú)法觸發(fā),可以通過(guò)如下配置來(lái)解決: 隨后將config添加至調(diào)用后端接口,即可成功獲取進(jìn)度~ html: JS部分

    2024年02月04日
    瀏覽(30)
  • el-upload批量手動(dòng)上傳,并用form表單校驗(yàn)上傳文件

    手動(dòng)上傳設(shè)置:auto-upload=\\\"false\\\"

    2024年02月14日
    瀏覽(109)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包