javascript上传文件到服务器,js实现上传图片到服务器

本文实例为大家分享了js实现上传图片到服务器的具体代码，供大家参考，具体内容如下

HTML

//多张图片上传multiple

//原生提交按钮

javascript

// 定义一个接收转为base64图片的数组

let ArrayImg=[]

var index = 0; //给图片加唯一标识 好删除

// 获取页面上的元素

let input=document.getElementById('file')

console.log(input);

// 绑定oncheange事件

input.οnchange=function(){

var file=this.files[0] //获取页面上选择的文件[N]指的是获取第几个

// console.log(file);

var iLen = this.files.length; //获取图片长度

// console.log(iLen);

for(var i=0;i

// 本地缓存 预览

var filereader = new FileReader() //创建一个本地缓存的对象

// 把获取到的文件本地缓存转为bese64

filereader.readAsDataURL(this.files[i]) //转成base64，并存在了自由属性reader.result里

console.log([i]);

filereader.onload = function () { //通过onload 事件把this.result 取出来

// console.log(this.resu