jq上传图片

最新推荐文章于 2022-02-12 16:15:01 发布

myydan

最新推荐文章于 2022-02-12 16:15:01 发布

阅读量188

点赞数

文章标签： jquery html5 javascript

原文链接：https://blog.csdn.net/qq_43632766/article/details/84647529

版权

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
<body>
<form action='' method='post' enctype="multipart/form-data" id='form1'>
<input type='file' name='file'>
   <button type='button' class='but'>上传</button>
</form>
</body>
<script>
$(function(){
   $('.but').click(function(){
   data = new FormData($('#form1')[0]);
       console.log(data);
       // $.post('up.php',{p:2},function(data){
       // alert(data);
       // })
       $.ajax({
url: 'up.php',
type: 'POST',
data: data,
dataType: 'JSON',
cache: false,
processData: false, //不处理发送的数据，因为data值是FormData对象，不需要对数据做处理
contentType: false //不设置Content-type请求头
}).done(function(ret){
console.log(ret);
});
   })
   })
</script>
</html>

up.php中

<?php

$filename='upload/'.time().substr($_FILES['file']['name'], strrpos($_FILES['file']['name'],'.'));
$response = array();
if(is_uploaded_file($_FILES['file']['tmp_name']))
{
   if(move_uploaded_file($_FILES['file']['tmp_name'],$filename))
   {
       echo json_encode('成功');
   }
   else
   {
       echo json_encode('失败');
   }
}

myydan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq上传图片

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" co...
复制链接

扫一扫