Html使用Iframe无刷新上传文件,后台接收
html代码:我是发送请求到teacher_center.aspx,不是到.ashx一般处理程序里,需要加 runat="server",有空我再试试发送请求到 .ashx 里
<input type="file" class="upload" id="fu_book_img" name="fu_book_img" runat="server" onchange="SelectBookImg()" />上传图片
<iframe id='frameFile' name='frameFile' style='display: none;'></iframe>
<input type="hidden" id="hidden_select_img" />
<img src="" height="76" width="141" alt="" id="books_img" />
js脚本:
function SelectBookImg(e) {
var fname = '<%=DateTime.Now.ToString("yyyyMMddHHmmss")%>' + getRandom(999);
var oldSelect = $("#hidden_select_img").val();//上一次选择的图片
$("#form1").attr("action", "teacher_center.aspx?op=upload&fname=" + fname + "&oldSelect=" + oldSelect);
$("#form1").attr("target", "frameFile");//隐藏的iframe,为了实现无刷新,参考我的另一篇文章
$("#form1").submit();
$("#form1").removeAttr("target");
}
function SetImg(imgUrl) {
$("#books_img").attr("src", imgUrl);
$("#hidden_select_img").val(imgUrl);
}
.NET代码
HttpPostedFile fu = Request.Files["fu_book_img"];//Name属性
if (!string.IsNullOrEmpty(fu.FileName))
{
string ext = Path.GetExtension(fu.FileName).ToLower();
if (CommonHelper.ImgPattern.Contains(ext))//判断图片格式是否正确
{
//验证文件的大小,fu.ContentLength是文件字节长度
if (fu.ContentLength > (CommonHelper.HeadImgSize / 2))
{
JScript.Show(this, "你上传的文件不能大于1M,请重新上传!");
}
else
{
string path = Server.MapPath("~/UploadFile/BookImg/temp/") + fname + ext;
fu.SaveAs(path);
//删除上一次选择的文件
string oldPath = Server.MapPath("~" + oldSelect);
if (File.Exists(oldPath))
{
File.Delete(oldPath);
}
//将选择的图片加载到页面中的 img中,需要用 window.parent,因为我们指定的是 iframe 代提交
Response.Write("<script>window.parent.SetImg('/UploadFile/BookImg/temp/" + fname + ext + "');</script>");
Response.End();
}
}
else
{
JScript.Show(this, "图片格式不正确");
}
}
else
{
JScript.Show(this, "请选择图片");
}
Html使用Iframe无刷新上传文件,后台接收的更多相关文章
- ajax +jsp+iframe无刷新上传文件[转]
http://hi.baidu.com/zj360202/blog/item/f23e3711f929c774cb80c475.html ajax jsp 无刷新上传文件 2009-10-26 16: ...
- 利用iframe无刷新上传文件的坑
页面里经常要用到文件上传的功能,而且要求页面不刷新,先说一下原理:页面里放一个file控件和submit按钮,外面用form表单包住,给form表单加上对应的属性值,action.method.ent ...
- web 开发之js---巧用iframe实现jsp无刷新上传文件
首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是 ...
- $_FILES参数详解及简单<form>表单无刷新上传文件
$_FILES:经由 HTTP POST 文件上传而提交至脚本的变量,类似于旧数组$HTTP_POST_FILES 数组(依然有效,但反对使用)详细信息可参阅 POST方法上传 $_FILES数组内容 ...
- jquery ajax php 无刷新上传文件 带 遮罩 进度条 效果的哟
在很多项目中都会叫用户上传东西这些的,自从接触了jquery 和ajax之后就不管做什么,首先都会想到这个,我这个人呢?是比较重视客户体验的,这次我这边负责的是后台板块,然后就有一块是要求用户上传照片 ...
- jQuery+php+ajax实现无刷新上传文件功能
jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码 <script type='text/javascript' src='j ...
- Ajax 无刷新上传文件插件 uploadify 的使用
在表单中无法直接使用 Ajax 上传文件,解决的思路可以是使用插件无刷新地上传文件,返回文件上传后的地址,然后把该地址作为 Ajax 的参数传递给服务器端进行数据库处理.可以使用 uploadify ...
- ajax无刷新上传文件
网页上传文件最简单的方式就是通过表单上传了,但是在提交表单的时候会导致网页刷新,但有的时候我们不想网页刷新,有什么办法呢,我们可以使用ajax上传文件来做到这一点.只有ajax还不行,还需要JavaS ...
- 文件上传---form表单,ajax,jquery,以及iframe无刷新上传 (processData,contentType讲解)
服务端程序: import tornado.web import os IMG_LIST=[] class IndexHandler(tornado.web.RequestHandler): def ...
随机推荐
- JDK1.5多线程提高
1.名词: 1.任务的执行与任务的提交解耦 2.任务的执行策略-可中断,取消 2.线程封闭机制: 针对单线程池而言,提高任务执行的速度,但是无需锁定 3.饥饿死锁: 任务长期得不到执行,其实就是形成闭 ...
- NVMe on RHEL7
原文地址https://www.dell.com/support/article/cn/zh/cnbsd1/sln312382/nvme-on-rhel7?lang=en Posted on beha ...
- SDOI 2017 天才黑客
/* 根据claris的 博客以及 beginend 的博客来写的 首先考虑如何求出最短路 可以从样例看出 路径是从边走到边的, 所以我们将边看作点 有共同端点的两边之间 互相连边, 边权为lcp. ...
- Java面向对象之抽象类
内容: 1.抽象类的产生 2.抽象类和抽象方法的定义与使用 3.抽象类和抽象方法的注意事项 4.实例分析 1.抽象类的产生 当编写一个类时,我们往往会为该类定义一些方法,这些方法是用来描述该类的功能具 ...
- OMIM 表型和基因如何关联
OMIM数据库:大神私藏的数据库,99.9%的人都不知道! 2019-03-04 11:00乳腺癌/医生/肺癌 “ GEO.NCDB.TCGA.SEER数据库这些我都知道,但OMIM是什么鬼? OMI ...
- uva-193-图染色-枚举
题意:n个节点,可用描成黑色或者白色,黑节点和黑节点不能相连,问最多描出多少黑节点 #include <iostream> #include <stdio.h> #includ ...
- jpa-入门测试
package com.atguigu.jpa.test; import java.util.Date;import java.util.List; import javax.persistence. ...
- JAVA servlet 上传文件(commons-fileupload, commons-io)
<1>获取二进制文件流并输出 InputStream inputStream = request.getInputStream(); BufferedReader reader = new ...
- leetcode754
class Solution { public: int reachNumber(int target) { // 理解这题的意思 这题就好做了 // 分析 首先考虑一种比较极端的情况 即一直向正方向 ...
- net send 换行和发送广播
net send ip message 要换行的时候按ctrl+t.最后按enter 或 ctrl + m 发出 如果是批处理里面要用: 在命令行下使用:echo ^T > a.txt,注意这里 ...