没有PHP帮忙,PHP部分都要自己想办法……无奈硬着头皮弄了

HTML部分:

  1. <!--name要与php部分一致-->
  2. <input type="file" class="dianbuer_edit_upload" name="hoge" id="dianbuer_edit_upload_logo">


JS部分:

  1. $(document).on('change','#dianbuer_edit_upload_logo',function(){
  2. logoUpload();
  3. });
  4. function logoUpload() {
  5. if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test($("#dianbuer_edit_upload_logo").val())){
  6. alert("请上传图片格式");
  7. return false
  8. }
  9. $.ajaxFileUpload
  10. (
  11. {
  12. url: "php/upload.php",/*测试用的php*/
  13. secureuri: false,
  14. fileElementId: "dianbuer_edit_upload_logo",
  15. dataType: 'text',
  16. success: function (data, status)
  17. {
  18. set_logo_pic(data);
  19. console.log(data);
  20. },
  21. error: function (data, status, e)
  22. {
  23. console.log(data);
  24. }
  25. }
  26. )
  27. }

注:这里的ajax用到了插件ajaxFileUpload。


PHP部分:

  1. <?php
  2. $dir = "hoge";/*路径名*/
  3. if($_FILES["hoge"]["tmp_name"]){
  4. list($file_name,$file_type) = explode(".",$_FILES['hoge']['name']);
  5. //给文件名标注时间节点。
  6. $name = date("YmdHis").".".$file_type;
  7. $file = "img/".$dir;
  8. //上传到指定路径。
  9. if(!file_exists($file)){
  10. mkdir($file,0755);
  11. }
  12. if (move_uploaded_file($_FILES['hoge']['tmp_name'], $file."/".$name)) {
  13. chmod($file."/".$name, 0644);
  14. }
  15. echo "php/img/".$dir."/".$name;
  16. }
  17. ?>