flask實(shí)現(xiàn)多圖上傳的方法

這篇文章將為大家詳細(xì)講解有關(guān)flask實(shí)現(xiàn)多圖上傳的方法，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

flask實(shí)現(xiàn)圖片上傳

前端調(diào)用接口，進(jìn)行訪問：在js文件下，ajax去訪問地址

注意：上面是一個需要提交內(nèi)容的form，通常情況下，我們直接通過form提交的話， 提交后當(dāng)前頁面跳轉(zhuǎn)到form的action所指向的頁面。然而，很多時候我們比不希望提交表單后頁面跳轉(zhuǎn)，那么，我們就可以使用ajaxSubmit(obj)來提交數(shù)據(jù)。

$('#form-name').submit(function(){
    $(this).ajaxSubmit({
        # 訪問后端的接口
        url:'/house/images/',
        # 請求的方式
        type:'POST',
        # 數(shù)據(jù)的類型
        dataType:'json',
        # 請求成功，進(jìn)行的操作
        success:function(data){
            if (data.code == '200'){

            }   
        }，
        # 請求失敗進(jìn)行相應(yīng)的操作
        error:function(data){
            alert(data.msg)
        }  
   })

flask后臺相應(yīng)的接口

將圖片放在static文件夾下

image_url = os.path.join(os.path.join('/static', 'upload'), images.filename)

@house_blueprint.route('/images/', methods=['POST']) def newhouse.images():
    # 獲得圖片(images:<FileStorage: 'wa.jpg' ('image/jpeg')>)
    images = request.files.get('house_image')
    house_id = request.form.get('house_id')
    # 得到upload的路徑
    upload_dir = os.path.join(os.path.join(BASE_DIR,'static'), 'upload')
    # 得到上傳圖片要保存的路徑
    # 'D:\\project\\houseproject\\static\\upload\\wa.jpg'
    url = os.path.join(upload_dir,images.filename)
    # 保存圖片
    images.save(url)

    house_image = HouseImage()
    house_image.house_id = house_id
    image_url = os.path.join(os.path.join('/static', 'upload'), images.filename)
    house_image.url = image_url    try:
        house_image.add_update()
    except:
        return jsonify(status_code.DATABAE_ERROR)

    house = House.query.get(house_id)
    if not house.index_image_url:

        house.index_image_url = image_url        try:
            house.add_update()
        except:
            return jsonify(status_code.DATABAE_ERROR)
    return jsonify(code=status_code.OK, image_url=image_url)

關(guān)于flask實(shí)現(xiàn)多圖上傳的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。