很方便的后台ajax上传文件
<a href="javascript:void(0);" url="{:U('teacherd?id='.$vo['id'])}" class="teacherd" uid="{$vo.id}"><if condition="$vo.spstatus eq 0" >上传批阅<else /> 已批阅 </if></a> $(".teacherd").click(function () {
var $this=$(this);
var id = $(this).attr("uid");
var url = $(this).attr('url');
var p_id = "{:I('p_id')}";
var display = 'none';
var src = '';
var content = '<div class="margin_left_10" style="margin:20px;"><input type="hidden" name="id" value="' + id + '" ><div class="form-item"><div class="controls"><label class="label">上传文件:<span class="check-tips" id="picture-size"></span></label><input type="file" id="upfile"><input type="hidden" name="photo" id="cover_id_picture_id"/><div class="upload-img-box"><div class="upload-pre-item" style="display:' + display + ';"><img src="' + src + '"/></div></div></div></div></form></div>';
layer.open({
type: ,
title: '上传审批',
content: content,
closeBtn: ,
area: ['350px', '250px'],
btn: '确定',
yes: function () {
var fd = new FormData();
var uname = $('#upfile').val().split('.'); //获取上传文件名并拆封成数组(获取后缀)
if((uname[] != 'docx') && ( uname[] != 'doc')){ alert(uname[]);
return false;
}
fd.append("upload", );
fd.append("id", id); //将id传入
fd.append("p_id",p_id); //p_id
fd.append("upfile", $("#upfile").get().files[]);
$.ajax({
url: "{:U('uploadss')}",
type: "POST",
processData: false,
contentType: false,
data: fd,
success: function (d) {
if(d.code == ){
$(".layui-layer-shade").hide();
$(".layui-layer-page").hide();
$(".bac").fadeIn();
$(".bac1").html("上传成功")
$this.html("已审批")
}else{
$("#layui-layer-shade1").hide();
$("#layui-layer1").hide();
$(".bac").fadeIn();
$(".bac1").html("上传失败")
}
// console.log(d);
} })
}
})
}); $(".closeA").on("click",function(){
$(".bac").fadeOut()
})
$(".layui-layer-btn0").on("click",function(){
$(".layui-layer-shade").hide();
$(".layui-layer-page").hide();
})
后台代码:
/*
* 上传审批
* Carey
*/ public function uploadss() {
$id = $_POST['id']; //id
$p_id = $_POST['p_id']; $exam_listsDB = M('exam_lists');
$username = $exam_listsDB->where(array('id' => $id))->getField('username'); $username = iconv("UTF-8", "gb2312", $username); //转码utf8
$saveName = $username . '_' . $p_id . '_' . $id; //文件命名规则考场p_id_用户id; $rootpath = '../Public/Uploads/examsp/kc' . $p_id . '/';
mkdir($rootpath, ); $upload = new \Think\Upload(); // 实例化上传类
$upload->maxSize = ; // 设置附件上传大小 3M
$upload->exts = array('application/msword', 'doc', 'docx'); // 设置附件上传类型
$upload->rootPath = $rootpath; // 设置附件上传根目录 // 上传文件
$upload->autoSub = TRUE; //自动生成子目录
$upload->subName = 'py';
$upload->saveName = $saveName; //根据p_id-id
$upload->replace = TRUE; //存在同名是否覆盖 true覆盖 $info = $upload->uploadOne($_FILES['upfile']); if (!$info) {// 上传错误提示错误信息
$redata = array(
'code' => , 'info' => $info, 'files' => $_FILES, 'id' => $id, 'p_id' => $p_id, 'username' => $username,
);
} else {
// 上传成功
$info['savename'] = iconv("gb2312", "UTF-8", $info['savename']); //转码utf8
$cha_dourl['cha_dourl'] = 'Public/Uploads/examsp/' . $info['savepath'] . $info['savename'];
$cha_dourl['sptime'] = time();
$cha_dourl['spstatus'] = ;
/* 如果上传成功更新表单数据 */
$upda = $exam_listsDB->where(array('id' => $id))->save($cha_dourl);
if ($upda) {
$redata = array(
'code' => , 'info' => $info, 'files' => $_FILES, 'id' => $id, 'p_id' => $p_id, 'upda' => $upda,
);
} else {
$redata = array(
'code' => , 'info' => $info, 'files' => $_FILES, 'id' => $id, 'p_id' => $p_id, 'upda' => $upda,
);
}
}
$this->ajaxReturn($redata);
}
很方便的后台ajax上传文件的更多相关文章
- 闲话ajax,例ajax轮询,ajax上传文件[开发篇]
引语:ajax这门技术早已见怪不怪了,我本人也只是就自己真实的经验去总结一些不足道的话.供不是特别了解的朋友参考参考! 本来早就想写一篇关于ajax的文章的,但是前段时间一直很忙,就搁置了,趁着元旦放 ...
- atitit.ajax上传文件的实现原理 与设计
atitit.ajax上传文件的实现原理 与设计 1. 上传文件的三大难题 1 1.1. 本地预览 1 1.2. 无刷新 1 1.3. 进度显示 1 2. 传统的html4 + ajax 是无法直 ...
- IE8/9 JQuery.Ajax 上传文件无效
IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...
- 伪ajax上传文件
伪ajax上传文件 最近在折腾伪ajax异步上传文件. 网上搜索了一下,发现大部分方法的input file控件都局限于form中,如果是在form外的呢? 必须动态生成一个临时form和临时if ...
- Ajax 上传文件(input file FormData)
FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据.其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用. jQuery Aj ...
- django系列6--Ajax05 请求头ContentType, 使用Ajax上传文件
一.请求头ContentType ContentType指的是请求体的编码类型,常见的类型共有三种: 1.application/x-www-form-urlencoded 这应该是最常见的 POST ...
- Ajax上传文件/照片时报错TypeError :Illegal invocation
问题 Ajax上传文件/照片时报错TypeError :Illegal invocation 解决 网上搜索问题,错误原因可能有以下几个,依次检查: 请求类型有误,如post请求,但在后台设置的是ge ...
- django上课笔记7-jQuery Ajax 和 原生Ajax-伪造的Ajax-三种Ajax上传文件方法-JSONP和CORS跨域资源共享
一.jQuery Ajax 和 原生Ajax from django.conf.urls import url from django.contrib import admin from app01 ...
- jS Ajax 上传文件报错"Uncaught TypeError: Illegal invocation"
使用jquery ajax异步提交文件的时候报Uncaught TypeError :Illegal invocation错误,报错信息如图: 错误原因: jQuery Ajax 上传文件处理方式,使 ...
随机推荐
- iOS关于通知传值Bool类型的注意点
比如: [[NSNotificationCenter defaultCenter] postNotificationName:@"Notification_Name" object ...
- android EditText 默认情况下不获取焦点(不弹出输入框)
可以在EditText前面放置一个看不到的LinearLayout,让它率先获取焦点: <LinearLayout android:focusable="true" andr ...
- maven 详解
Maven是基于项目对象模型(POM)的,可以通过一小段描述信息来管理项目构建,报告和文档的软件项目管理工具,是一种全新的项目构建方式,让我们的开发更加简单,高效.Maven主要做的是两件事: 开发规 ...
- 第9章 Shell基础(1)_Shell简介和脚本执行方式
1. Shell概述 1.1 Shell简介 (1)Shell是一个命令行解释器,它为用户提供了一个向Linux内核发送请求以便运行程序的界面系统级程序,用户可以用Shell来启动.挂起.停止甚至是编 ...
- Dijkstra算法(三)之 Java详解
http://www.cnblogs.com/skywang12345/p/3711516.html
- 简单轮播js实现
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" ...
- Java中接口和抽象类的区别
经常看到这样的问题,就是问这两个的区别,我这也总结一下: 1,宏观上说,一个是类,一个是接口,类只支持单一继承,接口支持多个继承 2,微观上说,就是从内部来说 a,成员变量方面 接口可以包含方法,属性 ...
- oracle日常——修改用户密码
修改密码时,先进入sqlplus的sql命令状态(键入用户名密码之后),命令如下: alter user cnp2 identified by cnp3; --即将用户cnp2的密码修改为cnp3 格 ...
- 常用 Git 命令清单
我每天使用 Git ,但是很多命令记不住. 一般来说,日常使用只要记住下图6个命令,就可以了.但是熟练使用,恐怕要记住60-100个命令. 下面是我整理的常用 Git 命令清单.几个专用名词的译名如下 ...
- 初探jquery.slimscroll.js和iscroll5.js
网上关于实现各种滚动效果的插件不胜枚举,这里,我简单介绍一下自己用过的两款比较有代表性的插件: 1.jquery.slimscroll.js,需要先引入jquery类库,主要用于模拟传统的浏览器滚动条 ...