失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 原生js实现打开手机相册并上传文件到服务器

原生js实现打开手机相册并上传文件到服务器

时间:2022-03-04 17:23:36

相关推荐

原生js实现打开手机相册并上传文件到服务器

js实现上传文件服务器,打开手机相册

在common文件夹中封装公共方法

// 上传照片upimage () {// 打开手机相册return new Promise((resolve, reject) => {let input = document.createElement('input')input.setAttribute('type', 'file')input.setAttribute('accept', 'image/*')input.click()input.onchange = function () {let file = this.filesresolve(file[0])}})},

在页面使用该方法时,定义一个点击事件@click=“uploadImg”

// 上传照片uploadImg() {// 引用upimage的公共方法并接收回传参数 this.$_upimage().then((res) => { //定义一个空的formData对象 let formData = new FormData()//将res存入formData的append中 formData.append('file', res)// 调用上传文件接口,将文件上传服务器。。。})})},

如果觉得《原生js实现打开手机相册并上传文件到服务器》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。