移动端HTML5实现文件上传功能【附代码】

2020-04-22 06:45:39易采站长站整理

            }   
          },   
          "uploadComplete": function(evt) {   
            alert(evt.target.responseText)   
          }   
        };   
        doms.fileToUpload.on("change", function() {   
          doms.progress.find("span").width("0");   
          funs.fileSelected();   
        });   
      });   
    }   
  });   
})(Zepto);  

调用方法:

JavaScript Code复制内容到剪贴板

$(".camera-area").fileUpload({   
        "url": "savetofile.php",   
        "file": "myFile"  
      });  

PHP部分:

PHP Code复制内容到剪贴板

<?php   
if (isset($_FILES[‘myFile’])) {   
    // Example:   
    writeLog($_FILES);   
    move_uploaded_file($_FILES[‘myFile’][‘tmp_name’], "uploads/" . $_FILES[‘myFile’][‘name’]);   
    echo ‘successful’;   
}   
function writeLog($log){   
    if(is_array($log) || is_object($log)){   
        $log = json_encode($log);   
    }   
    $log = $log."rn";   
  
    file_put_contents(‘log.log’, $log,FILE_APPEND);   
}   
?>  

点击这里下载源码

以上这篇移动端HTML5实现文件上传功能【附代码】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

原文地址:http://www.cnblogs.com/hutuzhu/p/5254532.html