原生ajax和iframe框架实现图片文件上传的两种方式

这篇文章主要为大家详细介绍了原生ajax和iframe框架实现图片文件上传的两种方式，感兴趣的小伙伴们可以参考一下

大家应该可以举出几种常用的异步文件上传功能的实现方式，使用频率较多的有原生ajax和iframe框架，实现图片文件上传，下面就为大家分享图片文件上传的两种方式：原生ajax和iframe框架，供大家参考，具体内容如下

方法一：利用iframe框架上传图片

html代码如下:

index.js文件：

 $(function(){ $("#upload_file").change(function(){ $("#uploadFrom").submit(); }); }); function stopSend(str){ var im=""; $("#msg").append(im); }

upload.php文件：

 parent.stopSend('$name')"; ?>

方法二：原生态ajax文件上传

   Html5 Ajax 上传文件  图片
浏览...上传

php代码：

 <?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); } ?>

以上就是本文的全部内容，希望对大家学习理解ajax和iframe框架实现图片文件上传有所帮助。

以上就是原生ajax和iframe框架实现图片文件上传的两种方式的详细内容，更多请关注易知道|edz.cc其它相关文章！