1. 程式人生 > >js上傳圖片阿里雲

js上傳圖片阿里雲

1.引入阿里雲js

2.html部分

<table><tr><td bgcolor=#000322> 這裡是背景顏色 </td></tr></table>
<div class="uploadImg" background="#000">
    <h3><i>*</i>上傳圖片:</h3>
    <div class="uploadBox">
        <div class="add-img" v-show="imgList.length">
            <!-- <p class="font14">圖片(最多3張,還可上傳<span v-text="3-imgList.length"></span>張)</p> -->
            <ul class="img-list">
                <li v-for="(url,index) in imgList">
                    <img class="del" src="../../../static/images/publish/blueClose.png" @click.stop="delImg(index)"/> 
                    <img :src="url.file.src" class="upImg">
                </li>
            </ul>
        </div>
        <input @change="fileChange($event)" type="file" accept="image/*" id="upload_file" multiple style="display: none"/>
        <div class="add" @click="chooseType" v-if="imgList.length < 3">
            <img src="../../../static/images/brand/uploadPhoto.png">
        </div>
    </div>
</div>