相关疑难解决方法(0)

是否有一些客户端组件(jquery/swf)可以在浏览器中上传和裁剪(用户应该能够选择要裁剪的区域)图像,然后将裁剪后的图像发送到服务器？

我在asp.net-mvc上(不确定是否重要)

如何使用css或javascript定位要裁剪的图像上的特定位置,没有大脚本的简单方法,

之前的图片:

我想要查看下图中突出显示的位置:

虽然没有确切的突出显示,只是试图解释它不是必须从最顶层,我想选择特定的图像尺度, 以及如何调整大小后裁剪？

我正在尝试在Javascript/Canvas中创建一个小型2D游戏,其中包含几个动画精灵.我想减少HTTP请求的数量,因此我将每帧动画(32px乘32px)合并为每个精灵一个图像(例如,192px乘128px).有什么方法可以将这些图像复制并裁剪为客户端,然后再将它们剪切成几个较小的图像 它将极大地简化我的渲染代码,并有助于减少因网络延迟而导致的加载时间.

我想在上传到服务器之前使用javascript或jQuery在客户端裁剪和压缩图像.

工作流程:

1. 选择图像
2. 将图像裁剪为特定尺寸
3. 压缩作物
4. 上传

有没有人这样做过？什么插件或我该怎么办？

我看到facebook可以压缩图像并在上传之前自动调整大小.

我正在尝试使用Jcrop裁剪上传的图像.我的目的是在用户上传时裁剪图像.我不需要将用户上传的图像存储在服务器中.但是,我应该只存储通过Jcrop选择的图像用户部分到服务器.这是问题的小提琴链接

我使用了以下代码:

HTML:

<form id="form1">
    <input type='file' id="imgInp" />
    <img id="blah" class="crop" src="#" alt="your image" />
    <input type="hidden" id="x" name="x" />
        <input type="hidden" id="y" name="y" />
        <input type="hidden" id="w" name="w" />
        <input type="hidden" id="h" name="h" />
</form>

CSS:

<style>
#blah {
    background-color: #FFF;
    width: 500px;
    height: 330px;
    font-size: 24px;
    display: block;
  }
</style>

JS:

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    } …