Php 在jquery中使用本地映像

Php 在jquery中使用本地映像,php,jquery,Php,Jquery,我正在尝试使用jquery插件在我正在用CakePHP开发的web中创建一个应用程序 我想在配置文件窗体中裁剪配置文件图像,该窗体使用以下代码显示图像预览: function upload_preview(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { var span =

我正在尝试使用jquery插件在我正在用CakePHP开发的web中创建一个应用程序

我想在配置文件窗体中裁剪配置文件图像,该窗体使用以下代码显示图像预览:

function upload_preview(input) {
if (input.files && input.files[0]) {
    var reader = new FileReader();
        reader.onload = function (e) {
        var span = document.createElement('span');
        document.getElementById('previewImg').innerHTML="";
        span.innerHTML = ['<img class="cropper" src="', e.target.result,'" />'].join('');
        document.getElementById('previewImg').insertBefore(span, null);
    }
    reader.readAsDataURL(input.files[0]);
}

$("#ProfileImageUrl").change(function(){
    upload_preview(this);
});
我正在尝试将jQuery脚本应用于这个新创建的图像,但它不起作用。我认为这是因为img标签中的图像格式是dataURL,jQuery插件无法读取它,但我不确定

有什么建议吗

提前谢谢,我的英语很抱歉

编辑:上传预览的输出:

<span><img class="cropper" src="data:image/jpeg;base64,/9j...VQ6kWQfgnDRGoTRGNciLT//2Q=="></span>

e.target.result的格式是什么?举个例子对不起,我已经编辑了这些问题。谢谢