js上传图片

最新推荐文章于 2024-03-13 16:35:18 发布

a_靖

最新推荐文章于 2024-03-13 16:35:18 发布

阅读量8k

点赞数 2

分类专栏： JS Web前端

本文链接：https://blog.csdn.net/qq_35713752/article/details/78987393

版权

Web前端同时被 2 个专栏收录

391 篇文章 24 订阅

订阅专栏

186 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
		<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

		<script type="text/javascript">
		</script>
		<meta charset="UTF-8">
		<title>登录</title>
    <script>
        $(function () {
            $("#upload").click(function () {
                var formData = new FormData();
                formData.append("myfile", document.getElementById("file1").files[0]);   
                $.ajax({
                    url: "/jtct/index.php/Program/Pinfo/p_update_1?program_id=1",
                    type: "POST",
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        if (data.status == "true") {
                            alert("上传成功！");
                        }
                    }
                });
            });
        });
    </script>
</head>
<body>   
        选择文件:<input type="file" id="file1" /><br />
        <input type="button" id="upload" value="上传" />
        <img src="" style="display:none" id="imgWait" />   
</body>
</html>

php

<?php
 
	header("Content-Type:text/html;charset=utf8"); 
	header("Access-Control-Allow-Origin: *"); //解决跨域
	header('Access-Control-Allow-Methods:POST');// 响应类型  
    $link=mysql_connect("localhost","root","root"); 
    mysql_select_db("zhangyu", $link); //选择数据库
    mysql_query("SET NAMES utf8");//解决中文乱码问题
    header("Content-Type:text/html;charset=utf8");
	if ($_FILES["file"]["error"] > 0)  
	  {  
	  echo "错误: " . $_FILES["file"]["error"] . "<br />";  
	  }  
	else  
	  {  
        $title = $_POST['title'];
        $name=$_FILES['file']['name'];  
		//插入数据到数据库 
	    $strsql = "insert into file (title,name) values('$title','$name')";
        $result = @mysql_query($strsql);
	  }  
	$name = iconv("UTF-8","gb2312", $_FILES["file"]["name"]);
	move_uploaded_file($_FILES["file"]["tmp_name"],
	      "upfile/" . $name);  
	echo "上传成功";  
?>

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

a_靖

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
1
评论
js上传图片

<!DOCTYPE html><html> <head> <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'> <script src="https://cdn.bootcss.com/j...
复制链接

扫一扫