<body>//方法一
<form action="03-post-file.php" method="post" enctype="multipart/form-data">
<!-- enctype="multipart/form-data" 必須給form表單指定該屬性，否則上傳不了文件 -->
<input type="file" name="upFile"><br>
<!-- input type="file" 上傳文件 -->
<input type="submit" value="上傳">
</form>
</body>
<?php
//echo "post page";
//print_r($_FILES);
// 獲取上傳文件對應的字典（對象
$fileInfo = $_FILES["upFile"];
// print_r($fileInfo);
// echo "<br>";
// 獲取上傳文件的名稱
$fileName = $fileInfo["name"];
// 獲取上傳文件保存的臨時路徑
$filePath = $fileInfo["tmp_name"];
// echo $fileName;
// echo "<br>";
// echo $filePath;
//移動文件
move_uploaded_file($filePath, "./source/".$fileName);
// 注意這里的路徑寫法， 第二個參數的字符串和變量拼接 用. 而不是JS里的 +
// "./source/" 不要忘記末尾的斜杠
?>
<div class="tab-content" > //方法二
<form action="{:U('User/donefb')}" method="post" enctype="multipart/form-data" name="myform" id="myform" style="">
//上傳圖片並展示
<div class="fk_ban fk_ban1" style="width: 25%;margin: 10px 0;line-height:auto">上傳憑證：</div>
<a class="fxtwo" href="javascript:sfzzmSc();">
<div id="sfzzmImg" class="grids-icon">
<img src="" style="width:60px; margin-left: 100px; display:none" >
</div>
<input style="margin-left: 70px;" id="sfzzm" type="file" name='img' onchange="showpic(this,'sfzzmImg');" accept="image/*" />
</a>
<div onclick="subthis()" style="width: 80px;float: left;margin-left: 60px;line-height: 30px;text-align: center;background: #0dae8d;color: #fff;margin-top: 20px;cursor: pointer">
提交
</div>
</form>
</div>
<script>
//提交表單
function subthis(){
console.log(1111);
$("#myform").submit();
}
function sfzzmSc(){
$("#sfzzm").click();
}
//預覽圖片
function showpic(obj,id){
console.log(obj);
console.log(obj.files);
for(var i = 0, file; file = obj.files[i]; i++){
if(i>0){
break;
}
var reader = new FileReader();
reader.onload = function(e){
// console.log(e);
var htmlimg='<img style="width:60px; margin-left: 100px;" id="'+e.timeStamp+'" class="min" src="'+e.target.result+'" />';
$("#"+id).html(htmlimg);
}
reader.readAsDataURL(file);
}
}
</script>
