原生ajax和iframe框架实现图片文件上传的两种方式
来源：
中文源码网 浏览：331 次 日期：2024-04-19 08:20:27
【下载文档: 原生ajax和iframe框架实现图片文件上传的两种方式.txt 】
原生ajax和iframe框架实现图片文件上传的两种方式
大家应该可以举出几种常用的异步文件上传功能的实现方式，使用频率较多的有原生ajax和iframe框架，实现图片文件上传，下面就为大家分享图片文件上传的两种方式：原生ajax和iframe框架，供大家参考，具体内容如下
方法一：利用iframe框架上传图片
html代码如下:
index.js文件：
$(function(){
$("#upload_file").change(function(){
$("#uploadFrom").submit();
});
});
function stopSend(str){
var im="
![](upload/images/"+str+")
";
$("#msg").append(im);
}
upload.php文件：
$file=$_FILES['upfile'];
$name=rand(0,500000).dechex(rand(0,10000)).".jpg";
move_uploaded_file($file['tmp_name'],"upload/images/".$name);
//调用iframe父窗口的js 函数
echo "";
?>
方法二：原生态ajax文件上传
Html5 Ajax 上传文件
浏览...
上传
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框架实现图片文件上传有所帮助。
