一步一步搭建一个图片上传网站（后台服务器用nodejs）

let imgDOMArray = new Array(files.length)

let reader = []

let thumbPic = []

progressDOM = document.getElementById('progress-img')

for (let i = 0; i < files.length; i++) {

reader[i] = new FileReader()

thumbPic[i] = document.createElement('div')

imgDOMArray[i] = document.createElement('img')

imgDOMArray[i].file = files[i]

thumbPic[i].className = 'thumbPic'

thumbPic[i].appendChild(imgDOMArray[i])

previewDOM.appendChild(thumbPic[i])

reader[i].readAsDataURL(files[i])

reader[i].onload = (img => {

return e =>img.src = e.target.result

})(imgDOMArray[i])

}

3.点击上传按钮上传图片

这个根本思路就是应用Formdata模仿表单，然后用ajax发送文件到办事器

var aUpload = document.querySelector('.selectImg') 
        var button = document.querySelector('#upload') 
        var fileinput = document.getElementById('file') 
        button.onclick = uploadFile 
         function uploadFile() { 
            //  console.log('ddd') 
            var xhr = new XMLHttpRequest() 
            var formdata = new FormData() 
 
            var files = fileinput.files 	
			 3/5   首页 上一页 1 2 3 4 5 下一页 尾页	
			

　　推荐阅读
　　在R中使用开源大规模预测工具Prophet
            
            Prophet 是 Facebook 推出的开源大年夜范围猜测对象，可以在 R 和 Python 中应用以猜测时光序列数据。一、基本介绍下面实例中应用的是佩顿 &middot; 曼宁的维诽谤科主页每日拜访量的时光序>>>详细阅读


本文标题：一步一步搭建一个图片上传网站（后台服务器用nodejs）
地址：http://www.17bianji.com/lsqh/35075.html
 1/2    1