js实现上传图片功能

话不多说,直接看代码

let inputChoose = document.createElement('input')
inputChoose.setAttribute('type','file')
inputChoose.click()
inputChoose.onchange = function(){
    let file = inputChoose.files[0]
    let index = file.name.lastIndexOf('.')
    let fileText = file.name.substring(index,file.name.length)
    let fileName = fileText.toLowerCase() //文件类型
    if(fileName != '.png' || fileName != '.jpg'){
        alert('系统仅支持 JPG或PNG 格式的图片,请您调整格式后重新上传')
        return                
     }

     let isLt2M = file.size/1024/1024 < 5
     if(!isLt2M){
        alert('图片大小不能超过5M,请重新上传')
        return      
     }

    let formData = new FormData()
    formData.append('file',file)
    formData.append('access_token',Config.TOKEN)   
    ``formData  就是传给上传接口得参数``
 }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容