美文网首页
php图片上传

php图片上传

作者: 雨中追燕 | 来源:发表于2016-11-17 16:35 被阅读67次

    要进行文件的上传,需要对form表单进行特殊设置;

    1.设定表单数据的提交方式为POST

    2.设定enctype属性值为:multipart/form-data

    <form  action="php地址"  method="post"  enctype="multipart/form-data">
    
       <input type="file" name="fs" id="doc">   //file必须
    
       <input type="submit">
    
    </form>
    
    //打印上传图片信息
    
    <div id="info">   </div>
    
    //打印图片
    
    <img src="" id="dis">
    

    js:

    var doc = document.getElementById('doc');
    
    var info = document.getElementById('info');
    
    var dis = document.getElementById('dis');
    
    doc.onchange = function(){
    
      var file = this.files[0];
    
      var html = "name:"+file.name+"<br>";
    
      html += "size:"+file.size+"<br>";
    
      html += "type:"+file.type;
    
      info.innerHTML = html;
    
    //URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL.
    
      var url = URL.createObjectURL(file);
    
      dis.src = url;
    
    }
    

    相关文章

      网友评论

          本文标题:php图片上传

          本文链接:https://www.haomeiwen.com/subject/pdrdpttx.html