是否有一种简单的方法可以添加拖动/排序功能,以便我们在上传图像后对其进行重新排序
像这样: http://jqueryui.com/sortable/#placeholder答案 0 :(得分:2)
你可以将它们分类。最后加上这个
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$( ".files" ).sortable({
revert: true
});
});
</script>
答案 1 :(得分:-2)
我使用了blueimp,我使用了DataList。
<asp:UpdatePanel ID="upImages" runat="server" UpdateMode="Always">
<ContentTemplate>
<div id="fileupload" style="float:left">
<div class="fileupload-content">
<asp:DataList ID="ImageList" runat="server" EnableTheming="false" DataKeyField="Index" OnItemDataBound="ImageList_ItemDataBound"
OnItemCommand="ImageList_ItemCommand" HorizontalAlign="Justify">
<HeaderTemplate>
<tbody class="files">
</HeaderTemplate>
<ItemTemplate>
<td class="preview" style="float:left;"><img id="imglegend" src="<%#Eval("ImageURL")%>" /></td>
<td class="name" style="display: none"><label id="imgSavePath" target="_blank" title="<%#Eval("ImageFullURL")%>"></label></td>
...
</ItemTemplate>
<FooterTemplate>
</tbody>
</FooterTemplate>
</asp:DataList>
</div>
<div width="500px" style="float:left">
<span width="50px">Pick photos...</span>
<input id="file" type="file" name="files[]" title="Bladeren" multiple />
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
在DataList上添加可排序属性。 $(“#&lt;%= ImageList.ClientID%&gt; tbody”)。sortable(); 模板上传被注释,因为它正在杀死拖放,因为生成的表中有太多隐藏的行。 希望我帮忙。