10175501108
/
app2

<?php $a=array("a"=>1,"b"=>2);
if(!empty($_FILES['file']['name'])){           //判断是否有文件
    $fileinfo = $_FILES['file'];      //将文件信息赋给变量$fileinfo
    echo "上传成功";   if($fileinfo['size']<1000000 && $fileinfo['size']>0){    //判断文件大小
           move_uploaded_file($_FILES["file"]['tmp_name'],"image/".$fileinfo['name']);       echo "上传成功";       $filepath="image/".$fileinfo['name'];      echo "
      <script src='test8.js' type='text/javascript' ></script>      <script>       append_img('$filepath');        </script>        ";
      $a=2;   }else{       echo '文件太大或未知';
   }
}
?> 
<html><head><style>body {  background-color: #efefef;
}
.profile-pic {    max-width: 200px;    max-height: 200px;    display: block;}

.circle {    border-radius: 1000px !important;    overflow: hidden;    width: 128px;    height: 128px;    border: 8px solid rgba(255, 255, 255, 0.7);    position: absolute;    top: 72px;}img {    max-width: 100%;    height: auto;}.p-image {  position: absolute;  top: 167px;  right: 30px;  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}.p-image:hover {  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}.upload-button {  font-size: 1.2em;}
.upload-button:hover {  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);  color: #999;
}</style></head></html>
<script type="text/javascript" src="jquery.min.js"></script><script>$(document).ready(function() {var readURL = function(input) {    if (input.files && input.files[0]) {        var reader = new FileReader();
        reader.onload = function (e) {            $('.profile-pic').attr('src', e.target.result);        }
        reader.readAsDataURL(input.files[0]);    }}

$(".file-upload").on('change', function(){    readURL(this);});
$(".upload-button").on('click', function() {   $(".file-upload").click();});});</script>
<div class="row">   <div class="small-12 medium-2 large-2 columns">     <div class="circle">       <!-- User Profile Image -->       <img class="profile-pic" >       <!-- Default Image -->       <!-- <i class="fa fa-user fa-5x"></i> -->     </div>     <div class="p-image">       <i class="fa fa-camera upload-button"></i>               <input class="file-upload" type="file" accept="image/*"/>     </div>  </div></div>