js php xmlrequest 上传图片的方法

   本来想用插件上传图片的,后来自己写了一个简单的js实现异步的图片上传,不多说上代码非常简单

  upload.php

  if(isset($_FILES["myfile"]))

  {

  $ret = array();

  $uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;

  $dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$uploadDir;

  file_exists($dir) (mkdir($dir,0777,true) && chmod($dir,0777));

  if(!is_array($_FILES["myfile"]["name"])) //single file

  {

  $fileName = time().uniqid().'.'.pathinfo($_FILES["myfile"]["name"])['extension'];

  move_uploaded_file($_FILES["myfile"]["tmp_name"],$dir.$fileName);

  $ret['file'] = DIRECTORY_SEPARATOR.$uploadDir.$fileName;

  }

  echo json_encode($ret);

  }

  ?>

  index.html

  </script>

图片

浏览...

上传

 

时间: 2024-10-22 07:21:09

js php xmlrequest 上传图片的方法的相关文章

js php xmlrequest 上传图片

图片 浏览... 上传

js验证上传图片的方法

  本文实例讲述了js验证上传图片的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72

php+html5使用FormData对象提交表单及上传图片的方法

 这篇文章主要介绍了php+html5使用FormData对象提交表单及上传图片的方法,实例分析了FormData对象的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台.在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工

php实现等比例不失真缩放上传图片的方法_php技巧

本文实例分析了php实现等比例不失真缩放上传图片的方法.分享给大家供大家参考,具体如下: 有时上传图片时因为图片太大了,不仅占用空间,消耗流量,而且影响浏(图片的尺寸大小不一).下面分享一种等比例不失真缩放图片的方法,这样,不管上传的图片尺有多大,都会自动压缩到我们设置尺寸值的范围之内.经过测试,证明实用. <?php function resizeImage($im,$maxwidth,$maxheight,$name,$filetype) { $pic_width = imagesx($im

Yii+upload实现AJAX上传图片的方法_php实例

本文实例讲述了Yii+upload实现AJAX上传图片的方法.分享给大家供大家参考,具体如下: 控制器代码: /** * get ajax uploaded files. */ public function actionGetAjax(){ $model=new Attachment();//加载附件模型 $tmpFile = CUploadedFile::getInstanceByName('image');//读取图像上传域,并使用系统上传组件上传 $Directroy = Yii::ap

BootStrap使用file-input插件上传图片的方法_javascript技巧

最近在写自己的个人网站 ,前端使用的bootstrap框架 ,做到上传图片功能的时候网上找到一个基于bootstrap的图片上传框架 file-input 插件, 这个插件做的非常符合我的审美观,所以简单记录一下这个插件的使用方法 首先根据自己的项目路径引入插件css和js文件 注意locale语言文件在fileinput.min.js文件之后引入 <!-- file input --> <link href="../../css/fileinput.min.css"

php+html5使用FormData对象提交表单及上传图片的方法_php技巧

本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台.在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量. 使用FormData对象 1.创建一个FormData空对象,然后使用append方法添加key/value 复制代码 代码如下: var formdata = new

php+html5+ajax实现上传图片的方法_php技巧

本文实例讲述了php+html5+ajax实现上传图片的方法.分享给大家供大家参考,具体如下: <?php if (isset($_POST['upload'])) { var_dump($_FILES); move_uploaded_file($_FILES['upfile']['tmp_name'], 'up_tmp/'.time().'.dat'); //header('location: test.php'); exit; } ?> <!doctype html> <

php简单实现批量上传图片的方法_php技巧

本文实例讲述了php简单实现批量上传图片的方法.分享给大家供大家参考,具体如下: <?php function upload_multi($path,$photo,$i){ $uploaddir = './'.$path;//文件存放目录 if(!file_exists($uploaddir))//如果目录不存在就新建 $uploaddir=mkdir($uploaddir); $piece = explode('.',$photo['name'][$i]); $uploadfile = $up