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 

            if (!files[0]) { 

                alert('请先选择图片，再上传！') 

                return 

            } 

 

            var progress = document.querySelector('progress') 

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

                formdata.append('imgfile', files[i], files[i].name) 

            } 

            xhr.open('POST', '/uploadimg') 

            xhr.onload = () => { 

                if (xhr.status === 200 && xhr.responseText === 'success') { 

                    previewDOM.innerHTML = '' 

                    xhr = null 

                    alert('图片上传成功！') 

                } 

            } 

            xhr.send(formdata) 

            xhr.upload.onprogress = e => { 

                if (e.lengthComputable) { 

(责任编辑：admin)