document
document copied to clipboard
上传文件
上传文件
js
html
每次用原生写文件上传都要重新查一遍资料,这次写完总结一下吧
html css
//将input调成透明(opacity: 0),移到一个不重要的位置上去
<label for='upload'>上传< /label> <input type="file" id="upload"/>
js ajax
//触发input的onchange事件
//ajax
let data = new FormData()
data.append('file',$('#upload')[0].files[0])
$.ajax({
url:'upload',
type:'POST',
data:data,
dataType:'JSON',
cache:false,
processData:false,
contentType:false
}).done((res)=>{
console.log('上传成功')
}).file((res)=>{
console.log('上传失败')
})