bycj.net
当前位置:首页 >> AjAx上传input图片 >>

AjAx上传input图片

先看控制台network的headers里面到底有没有图片信息,有就是后台代码问题,没有就是前台问题.

我们以创建产品时,上传产品主图为例,先来演示一下效果,首先是在用户界面上出现一个input file元素,用户点击时,可以选择一个图片点击打开之后,后台开始异步上传图片数据到服务器,同时加载动态图片显示3图片数据传输完毕,后台返回上传好的图片的路径,然后显示出刚刚上传好的图片,同时加载按钮消失

有一个ajaxfileupload的组件 ajaxfileupload.js,可以异步上传文件.

你好,据我所知,Ajax不能上传图片,因为上传图片得把图片的二进制数据传送给WEB服务器.而Ajax不能完成.如果楼主指点是无刷新上传图片.即不更改当前页面上传图片,利用STRUTS并在HTML页面中加一个iframe标签,CSS DISPLAY属性为NONE 而上传图片的表单的TARGET属性等于这个iframe的名字.

方法一:你可以把你上传的图片,放到数据库中的某个表中,然后,你查询表获得;方法二:你上传图片成功以后,返回jsp 一个上传图片放置的路径,你把这个路径setValue到<input id="tee" type="hidden"/>通过$("#tee").val()获得路径,通过ajax,在后台通过url获得图片;

下面给你介绍3种web前端上传图片的方法:1.表单上传最传统的图片上传方式是form表单上传,使用form表单的input[type=”file”]控件,打开系统的文件选择对话框,从而达到选择文件并上传的目的.form表单上传表单上传需要注意以下几点

单纯使用ajax的话就将图片转化为二进制传到服务器,然后服务器再进行格式转换,js不能直接传吧.或者你使用一个中介,既可以镶嵌到网页上,又能解析文件,比如通常使用的一个不可见的flash小插件,或者其他的什么.ajax是基于js的,不支持文件,可以换as,方便,而且架构要比ajax简单

JScript code!--隐藏的iframe来接受表单提交的信息--&gt; &lt;iframe name="ajaxifr" style="display:none;"&gt;&lt;/iframe&gt; &lt;!--这里设置target="ajaxifr",这样表单就提交到iframe里面了,和平时未设置target属性时默认提交到当前页

代码太长,懒得写..给个思路吧..首先将头像上传,再把头像信息传给数据库吧,然后再用js创建一个img标签来显示头像,注意js获取的头像路径是刚刚填上的,所以一定要先上传,不然找不到照片..

上传的话,你抄做一个隐藏控件.用onchange事件进行监听.然后form表单提交到一个iframe中处理就bai可以了.根本du不用ajax.上传完了以后再iframe中向上层写一个值,表示上传完成,zhi或者直接写上传地址.然dao后再提交就可以了.

网站首页 | 网站地图
All rights reserved Powered by www.bycj.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com