Tag: image resizing

jQuery resizable（）图像在draggable（）div中工作

目前我有图像上传表格，我们可以上传多个图像并在div内拖动此图像。 请看我的表格 $( function() { var inputLocalFont = document.getElementById(“user_file”); inputLocalFont.addEventListener(“change”,previewImages,false); function previewImages(){ var fileList = this.files; var anyWindow = window.URL || window.webkitURL; for(var i = 0; i < fileList.length; i++){ var objectUrl = anyWindow.createObjectURL(fileList[i]); $('.new-multiple').append('’); window.URL.revokeObjectURL(fileList[i]); } $( “.img-div” ).draggable(); $( “.newly-added” ).resizble(); } }); 在这里，当我上传图像时，它将显示在新的多重div上。 我也可以拖动这些图像。 js fidle： https ：//jsfiddle.net/vd11qyzv/1/ 但是可以解决问题。 请帮忙 。

如何使用javascript调整Base64编码的数据URI PNG的大小？

我有一个Base64编码的PNG从Web套接字挤出到一个网页，我使用数据URI显示 是否有一种方式在javascript或它的一些风格调整我收到的图像调整为较小的base64数据URI等效，以dinamically生成给定图像的缩略图版本？ 或者也许我可以复制HTML Image对象并使用它作为一个整体，使用一些我还没有发现的模糊jQuery魔术。 如果这可以在客户端的javascript中完成，我可以避免对我的服务器deamon的另一个HTTP请求，这将需要一些时间来重新处理和传递resize的图像。