倪浩

　dropbox.addEventListener("dragenter", function(e){ e.stopPropagation(); e.preventDefault(); }, false); 
　　dropbox.addEventListener("dragover" , function(e){ e.stopPropagation(); e.preventDefault(); }, false); 
　　dropbox.addEventListener("drop", function(e){ 
　　　　e.stopPropagation(); //个人的理解是，若在dropbox上的drop事件被监听多次，则两外的事件绑定无效了（不知道对不对）
　　　　e.preventDefault(); //阻止默认动作
　　　　e.dataTransfer.files//一个file类型的数组，就是你拖拽进来的文件
　　}, false);

1 var rd=new FileReader();
2 rd.onloadend=function(e){
3   var img=document.createElement('img');//创建一个图片
4     img.src=this.result;//result就是读出来的内容
5     img.width=100;
6     img.title=file.name;//文件的原始名称
7               
8 }
9 rd.readAsDataURL({file}); // 读取为dataurl

 1 var reader = new FileReader(); 
 2         reader.readAsBinaryString({file});
 3          
 4         reader.onloadend = function(){
 5             //bug(this.readyState); // 这个时候 应该是 2
 6             //bug(this.result); //读取完成回调函数，数据保存在result中    
 7             var fileData=this.result;
 8             var CRLF="\r\n";
 9             var xhr = new XMLHttpRequest();   
10             xhr.open('post', self.server, true);
11             //xhr.onreadystatechange=function(){};
12             var boundary='------OTkwNzI0OTEx----';//一段随机字符串，最好根据时间来生成，为了分割多个表单项
13             // 模拟一个文件提交请求
14             xhr.setRequestHeader("Content-Type", "multipart/form-data, boundary="+boundary);
15             //xhr.setRequestHeader("Content-Length", file.size);     在chrome下会出错，可能是出于安全考虑，不允许这样做
16             var body = '';     
17             body += '--' + boundary + CRLF;
18             body += 'Content-Disposition: form-data; name="'+{fileFieldName}+'"; filename="' + file.name + '"'+CRLF;     
19             body += "Content-Type: "+file.type+CRLF+CRLF;     
20             body += fileData + CRLF;     
21             body += "--" + boundary + "--"+CRLF;  
22             xhr.onreadystatechange = function (aEvt) {  
23               if (xhr.readyState == 4) {  
24                  if (xhr.status == 200)  
25                    alert(xhr.responseText); 
26                  else  
27                    console.log('Error', xhr.statusText);  
28               }  
29             }; 
30    
31             xhr.sendAsBinary(body);
32              
33             
34             
35         }

1 XMLHttpRequest.prototype.sendAsBinary = function(datastr) {
2                 function byteValue(x) {
3                     return x.charCodeAt(0) & 0xff;
4                 }
5                 var ords = Array.prototype.map.call(datastr, byteValue);
6                 var ui8a = new Uint8Array(ords);
7                 this.send(ui8a.buffer);
8             }

if(!empty($_FILES)){
    $file=$_FILES['new_image'];  //new_image 就是上面的fileFieldName
    echo  $file['name'];
    move_uploaded_file($file['tmp_name'],"./zf/".$file['name']);
    die();
}

 1 var xhr = new XMLHttpRequest();
 2     upload =xhr.upload;
 3     upload.addEventListener("progress", updateProgress, false);//updateProgress 处理上传进度     
 4     xhr.open('post', “服务端url”, true);
 5 
 6 function updateProgress(evt) {    
 7     if (evt.lengthComputable) {  
 8         var percentComplete = Math.round((evt.loaded * 100) / evt.total)
 9         bug(percentComplete); 
10 
11     } 
12     else {  
13     // Unable to compute progress information since the total size is unknown  
14     }  
15 }  

 1 $.ajaxFileUpload
 2   (
 3       {
 4           url:'eb_price.php?'+parm,
 5           secureuri:false,
 6           fileElementId:'f_file',
 7           dataType: 'json',
 8           success: function (data, status)
 9           {
10               fun(data)
11           },
12           error: function (data,status,e)
13           {
14               alert(e+status)// 商品;
15              
16           }
17       }
18   );

 uploadHttpData: function( r, type ) {
        var data = !type;
        bug(r);//bug为封装的firebug的console.log();
        data = type == "xml" || data ? r.responseXML : r.responseText;
        bug(data);
        // If the type is "script", eval it in global context
        if ( type == "script" )
            jQuery.globalEval( data );
        // Get the JavaScript object, if JSON is used.
        if ( type == "json" )
            eval( "data = " + data );
        // evaluate scripts within html
        if ( type == "html" )
            jQuery("<div>").html(data).evalScripts();

        return data;
    }

 1     function make_var($val)
 2     {
 3         if (strrpos($val, '.') === false)
 4         {
 5             if (isset($this->_var[$val]) && isset($this->_patchstack[$val]))
 6             {
 7                 $val = $this->_patchstack[$val];
 8             }
 9             $p = '$this->_var[\'' . $val . '\']';
10         }
11         else
12         {
13             $t = explode('.', $val);
14             $_var_name = array_shift($t);
15             if (isset($this->_var[$_var_name]) && isset($this->_patchstack[$_var_name]))
16             {
17                 $_var_name = $this->_patchstack[$_var_name];
18             }
19             if ($_var_name == 'smarty')
20             {    
21                 if($t[0] == 'const'){
22                     return strtoupper($t[1]);
23                 }
24                  $p = $this->_compile_smarty_ref($t);
25             }
26             else
27             {
28                 $p = '$this->_var[\'' . $_var_name . '\']';
29             }
30             foreach ($t AS $val)
31             {
32                 $p.= '[\'' . $val . '\']';
33             }
34         }
35 
36         return $p;
37     }