ajax上传form表单图片,php form表单ajax上传图片方法

form表单ajax上传图片方法

先引用jquery.form.js

前台代码

function TemporaryMedia() {

//var image0 = $("input[name='file_temporaryImage']").val();

//判断上传控件中是否选择了图片

var image = $("#file_temporaryImage").val();

if ($.trim(image) == "") {

alert("请选择图片！");

return;

}

//提交请求处理的url

var actionUrl = "/home/kelatoupiao/sctpic/";

//开始ajax操作

$("#form1").ajaxSubmit({

type: "POST",

dataType: "json",

url: actionUrl,

data: {},

success: function (data) {

if (data.success == 1) {

$('#userpicpath').val(data.data);

$('#userpic').attr('src',data.data);

} else {

alert(data.msg);

}

}

});

}

PHP后台代码

//上传图片

public function sctpic()

{

$openid = $this->_check_login();

$spath = __DIR__ . '/../../../Public/kelatoupiao/uploads/' . $openid . '_' . time() . '.jpg';

$webpath='/kelatoupiao/uploads/' . $openid . '_' . time() . '.jpg';

if (move_uploaded_file($_FILES["file_temporaryImage"]["tmp_name"], $spath)) {

echo json_encode(array('success' => 1, 'msg'=>'上传成功','data'=>$webpath));

exit();

} else {

echo json_encode(array('success' => 0, 'msg'=>'网络繁忙','data'=>''));

exit();

}

}

ant-pro使用Form表单验证上传图片出现的问题

1.复现:用antd的Form表单验证上传图片必填项时出现问题:复现过程,先提交,提示图片需要上传,上传成功后,依旧提示:图片未上传 2.表单验证原理:先理解一下antd的Form表单验证的表层原理, ...

form表单ajax提交

这里下面有两种  第一种是form表单里面添加了数据,并且含有上传的图片,第二种是from表单中不含有图片  只有普通数据 第一种form表单中包含有图片的类型:

JS form表单提交的方法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的 ...

html中form表单的使用方法和介绍

from表单的使用方法 一.表单赏析 二.了解表单功能:用于搜集不同类型的用户输入的内容 有了表单,网页的内容可以由用户自己创建,那么对于网页来说,我们既是网页创建都者,也是网页的消费者. 三.常用的 ...

form表单提交的方法

最近研究了下html中,form保单提交的几种方法,现与大家分享一下(注:网上可能已经有好多版本了,这里自己写下来做个总结了,哈!): 方法一:利用form的onsubmit()函数(经常使用) &l ...

在form表单里上传图片

需要上传多个图片分别上传,本来提供的工具类里上传一张可以form表单对象实现 后台用MultipartFile file var formdata = new FormData($("#in ...

通过jQuery的Ajax方式来提交Form表单

通过jQuery的Ajax方式来提交Form表单 $.ajax({ url:ajaxCallUrl, type:"POST", cache:true, async:false, d ...

[js开源组件开发]query组件,获取url参数和form表单json格式

query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……, ...

form表单提交数据编码方式和tomcat接受数据解码方式的思考

http://blog.sina.com.cn/s/blog_95c8f1ac010198j2.html *********************************************** ...

随机推荐

openstack上创建vm实例后，状态为ERROR问题解决

问题说明:在openstack上创建虚拟机,之前已顺利创建了n个centos6.8镜像的vm现在用ubuntu14.04镜像创建vm,发现vm创建后的状态为ERROR! 1)终端命令行操作vm创建 [ ...

JAVA并行框架：Fork/Join

一.背景 虽然目前处理器核心数已经发展到很大数目,但是按任务并发处理并不能完全充分的利用处理器资源,因为一般的应用程序没有那么多的并发处理任务.基于这种现状,考虑把一个任务拆分成多个单元,每个单元分别 ...

javascript动态添加form表单元素

2014年11月7日 17:10:40 之前写过几篇类似的文章,现在看来比较初级,弄一个高级的简单的 情景: 后台要上传游戏截图,截图数量不确定,因此使用动态添加input节点的方法去实现这个效果 主 ...

安装ZendDebugger 调试php

一直懒得装断点调试工具,平时调试就用echo var_dump debug_print_backtrace 搞搞. 今天同事装了个xdebug,看着眼馋.于是想自己也装一个,由于平时用zend stu ...

用NDKr9编译最新ffmpeg2.0.1到android平台

原文来自http://www.mingjianhua.com 本文参照 http://www.roman10.net/how-to-build-ffmpeg-with-ndk-r9/ 在linux下的 ...

iOS-Runtime机制详解

一.简介 runtime是一套底层的纯c语言的API,我们写的代码在程序运行过程中都会被转化成runtime的C代码执行,例如[target doSomething];会被转化成objc_msgSen ...

[LeetCode] Sentence Similarity II 句子相似度之二

Given two sentences words1, words2 (each represented as an array of strings), and a list of similar ...

【QT】QPixmap在Label中自适应大小铺满

KeepAspectRatio:设置pixmap缩放的尺寸保持宽高比. setScaledContents:设置label的属性scaledContents,这个属性的作用是允许(禁止)label缩放 ...

java开发中中文编码问题

//ajax以get方式提交,字符串中包含中文 //后台struts中对该string的set方法中 this.jsonString = new String(jsoString.getBytes(& ...

CSS图形——实现圆角

css实现圆角 css2.1给元素添加圆角是一件很麻烦的事,老办法是用背景图片实现,制作比较麻烦.css3,border-radius的属性,使圆角属性得到完美的解决. 语法 border-radiu ...