使用Jquery在网页中拖放图像

Question

我有缩略图列表。我想把这些图像拖到容器中。我想将缩略图更改为存储在数据库中的原始图片。我想对那些放在容器中的图像执行拖动操作(重叠(。

下面是代码片段这里我使用拖动功能发送缩略图

"<script>
$(function() {
$('#" + EncodeJavaScript(DraggableId) + "' ).draggable({
helper: 'clone'
});
});              
</script>"

下面是我显示相应图像的代码片段

"<script>
$(function() {
$('#" + EncodeJavaScript(DroppableId) + "' ).droppable({
drop: function( event, ui ) {
$( this ) this )
.html('<img 
src=data:image/.png;base64,"+BinaryImg+" height=80px width=80px > ') '-> Here i am not getting actual image instead i got a blank image 
}
});
});
</script>"

Answer 1

Outsystems不将二进制数据存储为base64字符串。然而，有一个插件可以为base64进行转换。使用BinaryToBase64操作从二进制文件中生成Base64字符串，并使用此输出而不是本地BinaryImg。

https://www.outsystems.com/forge/Component_Details.aspx?ProjectId=287

此外，我认为你必须将data:image/.png;base64更改为data:image/png;base64，尽管我不确定。