js上傳圖片阿里雲
阿新 • • 發佈:2018-12-17
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>