上传拖放图像javascript并用php保存

时间:2016-07-01 16:27:36

标签: javascript php ajax

我需要拖放图片上传器。 我有这个代码,但我不确定它在做什么。

time

输出正常,它会打印文件的名称,类型大小和日期,但我不知道将它保存在文件夹中。我知道我必须使用POST或ajax我不知道发送什么以及如何发送到php以保存它。

1 个答案:

答案 0 :(得分:0)

您可以使用所有主流浏览器支持的FormDataXmlHttpRequest2(即10 +)。

     var files = evt.dataTransfer.files;
     var data = new FormData();
     for( var i = 0, l=fields.length; i<l; i++ ){
         var f = files[i];
         data.append( "files["+i+"][file]", f, f.name ); 
         data.append( "files["+i+"][name]", f.name ); #for ie 
     }
     var req = new XMLHttpRequest(); 
     req.open( 'POST', '/ajax.php', true );
     req.onreadystatechange = function(){
        if( req.readyState !== 4 ) return;
        console.log('all files sended');
     }.bind( this );
     req.send( data );