ant-design-vue图片上传组件——图片墙

ant-design-vue图片上传组件——图片墙

<a-upload
    accept=".jpg,.jpeg,.png"
    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
    list-type="picture-card"
    :file-list="fileList"
    @preview="handlePreview"
    @change="handleChange"
>
    <div v-if="fileList.length<5">
        <a-icon type="plus" />
        <div class="ant-upload-text">Upload</div>
    </div>
</a-upload>
    <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
        <img alt="example" style="width: 100%" :src="previewImage" />
    </a-modal>

 

ant-design-vue图片上传组件——图片墙

上一篇:PHP-FPM 的运作模式


下一篇:php 实现使用curl模拟百度蜘蛛进行采集