search

includeios / document

js玄学
27 stars 2 forks source link

上传文件 #5

Open includeios opened 6 years ago

includeios commented 6 years ago

上传文件

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('上传失败')
})