关闭

uploadfy使用

143人阅读 评论(0) 收藏 举报
<link rel="stylesheet" type="text/css" href="${basepath }/static/ixin/css/uploadify.css">

<script src="${basepath }/static/ixin/js/jquery.uploadify.min.js" type="text/javascript"></script>

 

$(document).ready(function(){

$('#file_upload').uploadify({

'formData'     : {

'token'     : token,

},

'fileObjName'  : 'file',

'buttonText' : '<i class="glyphicon glyphicon-open"></i>上传',

'buttonClass' : 'upload_access',

'swf'      : basepath+'/static/ixin/css/uploadify.swf',

'uploader' : 'http://up.qiniu.com/',

'onUploadSuccess' : function(file,data,response){

var result = eval("("+data+")");

$('#showImage').attr("src",qiniuImageBasePath+result.hash+coverSuffix);

$('#showImage').show();

$("#image_cover").html("<img style='max-width:100px;max-height:200px;' src = '"+qiniuImageBasePath+result.hash+coverSuffix+"'>");

$("#small_prev").show();

//文件长传完成之后,在本地保存一份文件信息的数据

$('#coverPath').val(result.hash);

saveFile(file,result);

}

});

 

});

 

 

<div class="frm_input_box">

<div class="upload_box">

<div class="upload_area">

<input type="file" name="file_upload" id="file_upload" />

<ul class="upload_file_box" style="display: none;" id="queue"></ul>

</div>

</div>

<div style="display: none;margin-bottom:20px;" id="small_prev">

<span id="image_cover"></span><a class="js_removeCover" href="javascript:void(0);" onclick="deleteCover();">删除</a>

</div>

 

</div>

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

上传(浏览)Uploadfy插件的使用

Uploadify v3.2.1 参数说明 Create @using (Html.BeginForm()) { @Html.AntiForgeryToken() ...
  • Fanbin168
  • Fanbin168
  • 2015-03-03 11:41
  • 559

uploadfy上传插件汇总

pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-colo...
  • baidu_33033415
  • baidu_33033415
  • 2017-03-17 10:23
  • 92

利用JQuery上传插件Uploadify实现图片上传MongoDB并预览

架构
  • u013045437
  • u013045437
  • 2015-07-05 19:33
  • 1750

前台利用jcrop做头像选择预览,后台通过django利用Uploadify组件上传图最终使用PIL做图像裁切

之前一直使用python的PIL自定义裁切图片,今天有需求需要做一个前端的选择预览页面,索性就把这个功能整理一下,分享给大家。 实现思路: 1、前端页面: 用户选择本地一张图片,然后通过鼠标缩放和移动,确定自己所需要的图片切块,最终把图片切块的 左边距,上边距,长,宽这...
  • w2222288
  • w2222288
  • 2015-06-11 18:36
  • 531

在SSH的基础上使用jquery.uploadify.js上传文件

在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了,在
  • u013474104
  • u013474104
  • 2014-04-08 23:05
  • 1621

文件上传Uploadfy控件使用详解,及其使用过程中遇到的问题

首先,先对 Uploadfy做一个简单的介绍,
  • liu_ming5857
  • liu_ming5857
  • 2014-11-08 20:10
  • 969

【Mongo】uploadify插件帮助实现批量上传

【项目需求】     在整个考试系统中,我们可将其分为三个部分:考试前、考试中以及考试后。最近一周都在做考试前的配置,我负责的是题库模块,学生考试时是需要从题库中抽题的。而题库,又有不同的题型,单选题、多选题等等。但还有填图题,音频题,这些题目的图片和音频都需要存在Mongo数据...
  • u013034223
  • u013034223
  • 2016-04-04 23:35
  • 1141

基于jquery的上传插件Uploadify的API中文说明及例题

以下附上Uploadify部分参数的介绍:  uploader : uploadify.swf 文件的相对路径,该swf文件是一个带有文字BROWSE的按钮,点击后弹出打开文件对话框,默认值:uploadify.swf。   script : 后台处理程序的相对路径 。默认值:upload...
  • zhxh0376
  • zhxh0376
  • 2013-04-08 10:15
  • 8077

uploadify上传插件完整Demo(包括后台)

uploadify上传插件完整Demo,项目开发中被uploadify坑了一把,一怒之下写了前后台完整的示例,旨在彻底解决uploadify的问题! 示例文件Demo下载路径:http://download.csdn.net/download/ljj2312/10134797  ...
  • ljj2312
  • ljj2312
  • 2017-11-27 17:55
  • 4867

Jquery.Uploadify实现批量上传显示进度条 取消 上传后缩略图显示 可删除

Jquery Uploadify上传带进度条,且多参数 $(document).ready(function () { $("#pics").hide(); ...
  • smartsmile2012
  • smartsmile2012
  • 2013-12-05 17:39
  • 7216
    个人资料
    • 访问:27486次
    • 积分:699
    • 等级:
    • 排名:千里之外
    • 原创:63篇
    • 转载:11篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论