想用ajax做一个图片上传的功能,以前都是直接提交form,加个 enctype="multipart/form-data"属性就地了,但是现在用到ajax,这块要怎么处理呀?
$(".workImgUpload_btn").click(function(){
if($("#work_file").val()==""){
alert('请选择图片');
return;
}
var work_file = $("#work_file").val();
var workImg_src = $(".workImg_src").val();
alert(work_file);
$.post("<?php echo site_url('admin/work_c/workImgUpload') ?>",
{work_file:work_file,workImg_src:workImg_src},
function(data){
//alert(data);
alert("上传成功!");
});
return false;
});ajaxfilemultipart
$(".workImgUpload_btn").click(function(){
if($("#work_file").val()==""){
alert('请选择图片');
return;
}
var work_file = $("#work_file").val();
var workImg_src = $(".workImg_src").val();
alert(work_file);
$.post("<?php echo site_url('admin/work_c/workImgUpload') ?>",
{work_file:work_file,workImg_src:workImg_src},
function(data){
//alert(data);
alert("上传成功!");
});
return false;
});ajaxfilemultipart
解决方案 »
- soap传参,参数传不过去
- 求高手看一段函数 我很诧异 为什么 不能执行
- 【求助】谁有 Javascript 并结合 XML 制作滑动透明的菜单
- IFrame内部页面提交问题
- 网页中经常有些块显示的不同的内容,但是有相同的外观,大家一般怎样处理的?是每个板块分别写代码还是写一个类继承?
- 对于一个双精度数,如何取得小数点后两位?
- 查看一段代码
- 谁有Vbullitin论坛的插件?如下列之一或多个,要多少分你说就行!
- 谁能提供vBulletin Version 2.0.1论坛中文版源代码^送100分
- phpacl 配置数据库后,运行出错,
- 求助:POST提交,当Content-Type: text/plain时,无法通过$_POST获取数据
- 请求有人指导PHP学习曲线。
index.html<html>
<head>
<title>图片异步上传</title>
</head>
<script type="text/javascript" src="script/jquery-1.7.2.min.js"></script>
<script>
$(function(){
$("#upload_file").change(function(){
$("#uploadFrom").submit();
});
});
function stopSend(str){
var im="<img src='"+str+"'>";
$("#msg").append(im);
}
</script>
<body>
<div class="frm">
<form name="uploadFrom" id="uploadFrom" action="abc.php" method="post" target="tarframe" enctype="multipart/form-data">
<input type="file" id="upload_file" name="upfile">
</form>
<iframe src="" width="0" height="0" style="display:none;" name="tarframe"></iframe>
</div>
<div id="msg">只需选择图片既可上传<br />
</div>
</body>
</html>abc.php<?php
$file=$_FILES['upfile'];
$name=rand(0,500000).dechex(rand(0,10000)).".jpg";
move_uploaded_file($file['tmp_name'],$name);
//调用iframe父窗口的js 函数
echo "<script>parent.stopSend('$name')</script>";
?>
$.ajaxFileUpload
(
{
url:'<?php echo site_url('admin/work_c/workImgUpload') ?>',
type:'post',
secureuri:false,
fileElementId:'work_file',
dataType: 'html',
data:{work_file:work_file,workImg_src:workImg_src},
success: function (data, status)
{
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},
error: function (data, status, e)
{
alert(e);
}
}
)