首页
前端开发
HTML5
JQM图片上传案例移动端实现

JQM图片上传案例移动端实现

0 次浏览 0 条评论
rar
rar

JQM 的图片上传案例，蛮适合做移动端项目参考的。HTML5 配合 JQM，轻松实现图片上传，体验也不差。像accept="image/*"这种小细节，能直接限制只能选图片，挺实用的。

配合FileReader用readAsDataURL来读取文件，上传前还能做个预览，效果还挺酷的。直接在前端预览，用户体验确实提升不少。

JQM 搭配$.ajax提交FormData，上传求也不复杂。注意processData: false和contentType: false，不然上传失败找半天都不知道咋回事。

后端就看你用啥语言了，PHP 也好，Node.js 也行，重点是接收 Base64 或者表单数据，解析存储图片就完事。

哦对了，别忘了做错误，比如文件大小、类型校验这些，拦住一些奇奇怪怪的上传求，省得被坑。

如果你正打算在移动页面搞上传功能，这个案例值得一看，轻量、简单、实用。

rar
jqmdemo.rar 预估大小：33个文件
folder
jqmdemo 文件夹
file
.project 1KB
folder
WebContent 文件夹
folder
WEB-INF 文件夹
folder
lib 文件夹
file
servlet-api.jar 86KB
file
commons-io-1.3.2.jar 86KB
file
commons-fileupload-1.2.1.jar 56KB
file
web.xml 980B
file
index.html 1KB
file
ok.html 1KB
folder
jquery.mobile-1.3.2 文件夹
file
jquery.mobile.theme-1.3.2.min.css 23KB
file
jquery.mobile.structure-1.3.2.css 85KB
file
jquery.mobile-1.3.2.min.js 142KB
file
jquery.mobile-1.3.2.js 351KB
file
jquery.mobile-1.3.2.min.map 170KB
folder
images 文件夹
file
icons-36-black.png 4KB
file
icons-36-white.png 4KB
file
icons-18-black.png 2KB
file
icons-msg.png 1KB
file
icons-18-white.png 2KB
file
ajax-loader.gif 8KB
file
jquery.mobile-1.3.2.min.css 92KB
file
jquery-1.8.3.min.js 91KB
file
jquery.mobile.structure-1.3.2.min.css 69KB
file
jquery.mobile-1.3.2.css 133KB
file
jquery.mobile.theme-1.3.2.css 48KB
folder
META-INF 文件夹
file
MANIFEST.MF 39B
folder
src 文件夹
folder
com 文件夹
folder
herman 文件夹
folder
jqm 文件夹
folder
servlet 文件夹
file
FileServlet.java 4KB
folder
.settings 文件夹
file
org.eclipse.wst.jsdt.ui.superType.container 49B
file
org.eclipse.wst.common.project.facet.core.xml 229B
file
org.eclipse.jdt.core.prefs 330B
file
org.eclipse.wst.jsdt.ui.superType.name 6B
file
org.eclipse.wst.common.component 451B
file
.jsdtscope 454B
folder
build 文件夹
folder
classes 文件夹
folder
com 文件夹
folder
herman 文件夹
folder
jqm 文件夹
folder
servlet 文件夹
file
FileServlet.class 4KB
file
.classpath 590B
rar 文件大小：515.36KB