Valums文件上传器拖放区域更改
Valums file uploader drag drop area change
我有一个按钮和一个拖放区域。我想把valum文件上传器应用到这个按钮上。但是我想保留拖放区域作为它旁边的另一个框。我如何实现它?我目前的实现如下:
that.imageUploader = new qq.FileUploaderBasic({
button: $('#sprPictureUpload')[0],
action: '/ui/rest/utils/upload/image/file',
allowedExtensions:SUPPORTED_IMAGE_TYPES,
forceMultipart: true,
multiple: config.multiple,
inputName: 'photoFile',
onSubmit: function(id, fileName) {
renderImagePlaceHolders.call(that, id, fileName);
},
});
html看起来像这样:
<section class="upload-section" data-section="upload">
<div class="upload-area">
<div style="">
<h3 style="color:#aaa">
Drag images here
</h3>
<h5 style="color:#aaa"> or if you prefer ...</h5>
<a id="sprGenericPictureUpload" class="btn btn-primary">
<i class="icon-upload icon-white"></i> Choose image to Upload
</a>
</div>
</div>
</section>
所以我想要的是点击#sprPictureUpload
,并在.upload-area
部分的任何地方拖动,应该会启动照片上传。也有一种方法应用上传器到两个不同的元素与相同的配置?
我建议不要使用FineUploaderBasic,而是使用FineUploader模式。FineUploader模式提供了拖放功能。
FineUploader Mode文档在这里:
http://docs.fineuploader.com/integrating/modes/fineuploader.html相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- 只允许一个可放置区域 jquery 拖放
- 单击可拖放区域
- 拖放后,如果不重新调整大小并在可放置区域中拖动图像
- 拖放调整拖放区域的大小
- 当拖放区域中没有文件时禁用“提交”按钮
- D3JS 或 SNAPSVG 拖放仅限于加载的 svg 形状区域
- ExtJs 4 - 如何拖放文本(或文本区域)字段的内容
- JQuery UI拖放(获取Draggable值以显示和隐藏文本区域框)
- jQuery UI拖放:Target拾取不正确的可丢弃区域
- Jquery手风琴拖放到一个拖放区域
- 如何找到可拖放元素相对于可拖放区域的位置?
- d3如何限制拖放区域
- 如何在文本区域内禁用拖放文本
- Jquery .data在可拖放区域的可拖放元素上一直没有定义
- Valums文件上传器拖放区域更改
- 建议在so DIV也可以是拖放区域的地方编写/扩展JQuery拖放
- 当draggable被拖放到可拖放区域时添加ID - jQuery Draggables
- 使用JqueryUI拖放以生成类似WordPress小部件区域的字段