当前位置:首页 » 文件传输 » 无刷新文件上传系统
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

无刷新文件上传系统

发布时间: 2022-03-31 14:24:57

Ⅰ ajax实现无刷新上传

我只知道原理

JS创建一个框架, 然后提交到那里 , 上传完成后 再回来 就是这样

Ⅱ java 如何做无刷新上传文件!

文件上传必须使用form提交,不能使用ajax,form提交不刷新页面可以采用下面的写法
<form action="#" target="x">
<input type="submit" value="XXXXXXXX"/>
</form>
<iframe name="x" style="height:0px;"></iframe>

Ⅲ 用php如何进行无刷新文件上传

最近做项目时需要用到无刷新上传图片并预览,在网上找了一些教程,似乎最简单的方法就是iframe上传。一个最原始最简单的iframe上传例子:

前台上传页面index.html,主要是一个表单与一个js回调函数。上传文件时,form表单的method、 enctype属性必须和下面代码一样。然后将target的值设为iframe的name,这样就可以实现无刷新上传文件。

XML/HTML代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传文件</title>
</head>

<body>
<script>
function CallbackFunction(str){
alert("上传成功");
}
</script>
<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload">
<iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"></iframe>
<input id="test_file" name="test_file" type="file">
<input value="上传文件" type="submit">
</form>
</body>
</html>
后台上传处理页面uploadfile.php,这段代码为简单的上传代码,没有进行错误及异常处理。上传代码执行完成后,要告诉父页面已经上传完毕了,因此,在这个页面里调用父页面的回调函数CallbackFunction,这个函数可以有参数,形式自己定义。

PHP代码
<?php
set_time_limit(0);
if($_SERVER['REQUEST_METHOD']=='POST') {
move_uploaded_file($_FILES["test_file"]["tmp_name"],
dirname($_SERVER['SCRIPT_FILENAME'])."/UploadTemp/" . $_FILES["test_file"]["name"]);
echo "<script>window.parent.CallbackFunction();</script>";
}
?>
以上是用iframe实现无刷新上传文件的简单方法,想要健壮的程序的话需要再细化。

Ⅳ 无刷新上传图片怎样实现

swfupload 这个是很强大的不过也有些它自身的缺点比如默认的文件名 如果你需要的话 针对默认文件名 如果你需要修改的话 同时上传到服务器 这个时候操作起来就不是很爽 查看原帖>>

Ⅳ 急需 ASPupload + js 无刷新上传的代码!

ajaxupload.js
jquery-1.3.2.min.js
这两个文件网上有下载

这样就构成了你要的所有功能!

up.html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>技术预览</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/ajaxupload.js"></script>
<script type="text/javascript">
$(document).ready(function(){
new AjaxUpload('#upload_button1', {
action: 'upload.asp',
name:'file1',
data:{
formpath:'./a',
formautonamed:'1'
},
//选择后自动开始上传
autoSubmit:true,
//返回Text格式数据
responseType: false,
//上传的时候按钮不可用
onSubmit : function(filename,ext){
//设置允许上传的文件格式
if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
alert('未允许上传的文件格式!');
// cancel upload
return false;
}
},
//上传完成后取得文件名filename为本地取得的文件名,msg为服务器返回的信息
onComplete: function(filename,msg) {$('#UL').val(msg);}
});
});

</script>
<style type="text/css">
body { margin:0px; font-size:12px;}
#upload_button1 { width:100px; height:50px; background-color:#CEE7FF; text-align:center; line-height:50px; cursor:pointer;}
</style>
</head>

<body>
<div id="upload_button1">上传附档</div>
<input type="text" id="UL" />
</body>
</html>

upload.asp文件
<%
Set Upload = Server.CreateObject("Persits.Upload")
HH_savepath=server.mappath("upload")
Upload.Save(HH_savepath)
For Each H_File in Upload.Files 、
HH_upedfilename=H_File.filename
Next
set Upload=Nothing
%>
<%=HH_upedfilename%>

Ⅵ html的file控件 如何结合ajax无刷新上传

ajax不是有个request的那个类吗,用那个和服务器通信,上传文件。

Ⅶ 有办法实现无刷新上传文件吗不使用包含方式在。。。类似使用AJAX

QQ客户端程序跟WEB不一样的嘛,那你可以用AJAX实现啊。晕AJAX只是把处理放到后台了,并不是让JS去上传。用AJAX调用业务逻辑最后再用JS修改页面。这样达到无刷新的效果。 别人写的例子:http://www.javaeye.com/topic/81120

Ⅷ ajax无刷新上传文件后,下面填写好的的文本框内容会被清空,求大神帮助!急急急!!

无刷新上传文件你是吧文件用js编译成2进制 字符串后在ajax的吗?
或者说你没用ajax使用的是action上传