原生ajax+php上传图片的简单实现

发布时间:2019-08-07 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了原生ajax+php上传图片的简单实现脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

前端

 <input type="file" onclick="updown" accept="image/png,image/gif">//accept限制上传的类型
 <script> 
     function upload1(obj){
var files = obj.files ;
var formData = new FormData();
    $.ajax({
          url: download.php,
          type: "POST",
          data:formData,
          dataType:'json',
          cache:false,         //不设置缓存
          processData: false,  // 不处理数据
          contentType: false,   // 不设置内容类型
    success:function(res){
    }
    }); 
}
</script>
 

后端写法:(download.php)

$data = var_export($_FILES,true);//接收FormData
define('UPLOAD_DIR', '../Resources/skill/');//这里设置你的下载目录
$fileName = UPLOAD_DIR.$a. '.gif';//这里也可以是其他文件类型不过前端的accept也要变化
$success = file_put_contents($fileName,$data);//上传文件 这里需要传两个参数一个是 文件路径+文件   另一个是我们从前端接收的FormData
$data=array();
if($success){
        $data['status']=$fileName;
        $data['msg']='上传成功';
        echo json_encode($data);
}else{
        $data['status']=0;
        $data['msg']='系统繁忙,请售后再试';
        echo json_encode($data);
}
//最后返回的就是json格式

这里PHP最关键的是函数是file_put_contents()
函数把一个字符串写入文件中。

原生ajax+php上传图片的简单实现

如有上面有什么写得不对的地方,大佬们可以指出来

如果这篇文章对你有用,可以点个赞或者是收藏,算是对作者的鼓励~

另附上小弟网站。。。www.entercode.cn 推广一波...

脚本宝典总结

以上是脚本宝典为你收集整理的原生ajax+php上传图片的简单实现全部内容,希望文章能够帮你解决原生ajax+php上传图片的简单实现所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。