vue中使用input[type=”file”]实现文件上传功能_vue上传pdf文件 - CSDN文库

3.2k 浏览量更新于2023-05-27 评论收藏 78KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

vue中使用中使用input[type=”file”]实现文件上传功能实现文件上传功能

注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限

制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚发现,如果有遇到这个问题的可以参考下—下

面有更改:)

“`

<template>

<div id="my-careers">

<head-top id="header">

<i slot="left" class="iconfont icon-back"></i>

<span slot="title">Apply Online</span>

<i slot="right" class="icon-right fa"></i>

</head-top>

<div class="content">

<form @submit.prevent="onSubmit" id="fileForm" >

<div class="form">

<h3>Customer Car Manager</h3>

<ul class="form-group">

<li class="info-name">

<input type="text" v-focus :class="{errli:form.nameErr}" name="name" placeholder="Name" v-model="applyInfo.name" >

<p class="errP" v-if="form.nameErr">{{form.nameMsg}}</p>

</li>

<li class="info-email">

<input type="text" :class="{errli:form.emailErr}" name="email" placeholder="Email Address" v-model="applyInfo.email" >

<p class="errP" v-if="form.emailErr">{{form.emailMsg}}</p>

</li>

<li class="info-mobile">

<input type="number" :class="{errli:form.mobileErr}" name="mobile" placeholder="Mobile Number" v-model="applyInfo.mobile" >

<p class="errP" v-if="form.mobileErr">{{form.mobileMsg}}</p>

</li>

<li class="info-location">

<input type="text" :class="{errli:form.locationErr}" name="location" placeholder="Current Location" v-model="applyInfo.location" >

<p class="errP" v-if="form.locationErr">{{form.locationMsg}}</p>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余6页未读，立即下载

评论0

weixin_38593701

粉丝: 4
资源: 908

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈