webpy+uploadify实现文件异步上传

  Uploadify的官方文档见链接:点击打开链接

  程序结构图

   

  源代码

$def with ()
<!--file_upload.html-->
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>uploadify</title>
        <script type="text/javascript" src="../static/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="../static/js/jquery.uploadify.min.js"></script>
        <script type="text/javascript" src="../static/js/upload_file.js"></script>
        <link rel="stylesheet" href="../static/css/uploadify.css">
    </head>
    <body>
        <form method="post" aciton="">
            <div id="file_upload_holder">
                <input type="file" id="file_upload" />
            </div>
        </form>
    </body>
</html>

//upload_file.js
//文件上传
$(function() {
	$("#file_upload").uploadify({
		height: 30,
		removeCompleted : false,
		swf: '../static/flash/uploadify.swf',
		formData: {},
		uploader: '/',
		width: 80,
		'onUploadSuccess': function(file, data, response) {
			var result = jQuery.parseJSON(data);
			alert(result.msg);
		},
	});
});

#-*-coding:utf-8-*-
import os
import json

import web

urls = (
		'/', 'UploadFile',
	)

app = web.application(urls, globals())

web.config.debug = True

#原始模板渲染对象
render = web.template.render('templates/', cache=False)

class UploadFile:
	""" 文件上传 """
	def GET(self):
		return render.file_upload()

	def POST(self):
		data = web.input()
		filename = data.get('Filename')
		filedata = data.get('Filedata')
		fullname = os.path.join('static/uploads', filename)
		try:
			fout = open(fullname, 'wb')
			fout.write(filedata)
			fout.close()
		except Exception, e:
			traceback.print_exc()
			return json.dumps({'success':0, 'msg':u'文件上传失败! %s...' % e[1]})
		else:
			return json.dumps({'success':1, 'msg':u'文件上传成功!'})

if __name__ == "__main__":
	app.run()




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值