基本上,我有一张桌子,每行都有一个“图像”图标,我想将其变成一个放置窗格。任何示例代码都会有所帮助。
工作示例:http : //jsfiddle.net/krystiangw/mb4o7kfc/1/
js文件:
$('td').each(function(e, element){
filepicker.makeDropPane(
element,
{
multiple: true,
dragEnter: function() {
$(element).html("Drop to upload").css({
'backgroundColor': "#E0E0E0",
'border': "1px solid #000"
});
},
dragLeave: function() {
$(element).html("Drop files here").css({
'backgroundColor': "#F6F6F6",
'border': "1px dashed #666"
});
},
onSuccess: function(Blobs) {
$(element).text(JSON.stringify(Blobs));
},
onError: function(type, message) {
$(element).text('('+type+') '+ message);
},
onProgress: function(percentage) {
$(element).text("Uploading ("+percentage+"%)");
}
}
);
});
HTML文件:
<table id="myTable" class="table table-bordered">
<tr>
<th>
Drag&drop panel
</th>
</tr>
<tr>
<td>
Drop files here
</td>
</tr>
<tr>
<td>
Or here
</td>
</tr>
<tr>
<td>
Or here
</td>
</tr>
</table>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句