点击按钮复制图片_7.图片上传网站改进，实现仅按钮复制，其他区域无复制。...-CSDN博客

1.index.php

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="jquery.min.js"></script>
</head>
<body>
<form action="upload.php" method="POST" enctype="multipart/form-data">
	<label for="levels">选择年级:</label>
  	<select id="levels" name="levels">
	    <option value="xx">小学</option>
	    <option value="cz">初中</option>
	    <option value="gz">高中</option>
  	</select>
  	<br />
	<input type="file" name="file">
	<button type="submit" name="submit" id="submit">UPLOAD</button>
</body>
</html>

2.upload.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery.min.js"></script>
    <script src="clipboard.min.js"></script>
</head>
<body>
	<?php
	if(isset($_POST['submit'])){
		$Levels = $_POST['levels'];
		$file = $_FILES['file'];
		//print_r($file);
		$fileName = $_FILES['file']['name'];
		$fileTmpName = $_FILES['file']['tmp_name'];
		$fileSize = $_FILES['file']['size'];
		$fileError = $_FILES['file']['error'];
		$fileType = $_FILES['file']['type'];
		if(is_uploaded_file($fileTmpName))//注意tempName
		{
			//echo ("$fileName is uploaded via HTTP POST");
		}else{
			echo ("$fileName is not uploaded via HTTP POST");
		}

		$fileExt = explode('.', $fileName);
		$fileActualExt = strtolower(end($fileExt));
		//echo ("The fileActualExt is ：$fileActualExt");

		$allowed = array('jpg', 'jpeg', 'png');

		if(in_array($fileActualExt, $allowed)){
			if($fileError === 0){
				if($fileSize < 100000){
					$IDnumber = uniqid();
					$fileNameNew = $IDnumber.".".$fileActualExt;
					// echo ("The fileNameNew is ：$fileNameNew ");
					if ($Levels == "xx") {
						$fileDestination = 'uploads/xiaoxue/'.$fileNameNew;
					}else if ($Levels == "cz") {
						$fileDestination = 'uploads/chuzhong/'.$fileNameNew;
					}else{
						$fileDestination = 'uploads/gaozhong/'.$fileNameNew;
					}
					move_uploaded_file($fileTmpName, $fileDestination);
					//echo "<script language=javascript>alert('取题码：".$IDnumber."请复制或截图前述取题码!');location.href=('https:xiyaoeva.github.io/wanchengjiemian/');</script>";
					//header("Location: http://www.baidu.com");
					//header("Location: index.php?uploadsuccess");
				}else{
					echo "Your file is too big!";
				}
			}else{
				echo "There was an error uploading your file!";
			}
		}else{
			echo "You cannot upload files of this type!";
		}
	}
	?>
    <input type=text value='<?php echo $IDnumber ?>' id = "numbers">
	<button class="btn" type="submit" name="clip" id="clip" data-clipboard-text='<?php echo $IDnumber ?>'>复制取题码</button>
	<script language=javascript> 
    var btn = document.getElementById('clip');
    var clipboard = new Clipboard(btn);
    clipboard.on('success', function(e) {
        console.log(e);
        successmsg();
    });
    clipboard.on('error', function(e) {
        console.log(e);
        failmsg();
    });
    
    function successmsg() {
  		alert("取题码"+document.getElementById("numbers").value+" 复制成功！请妥善保存！以防万一您也可以截图保存！");
  		location.href=('https:xiyaoeva.github.io/wanchengjiemian/');
	}

    function failmsg() {
		alert("取题码"+document.getElementById("numbers").value+" 复制失败！请手动复制或者截图保存！");
	}
         </script>
</body>

3.文件层次