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实现打开手机相册并上传文件到服务器》对你有帮助,请点赞、收藏,并留下你的观点哦!