theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 默认剪裁功能丢失原图片信息

Browse Source
This commit is contained in:
lockingreal 2022-04-14 08:18:25 +08:00
parent 1864762de5
commit 3d09afd587
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
package/component/src/component/upload/index.vue
View File

@ -71,7 +71,9 @@ const getCutDownResult = () => {
const canvas = _cropper.getCroppedCanvas(); const canvas = _cropper.getCroppedCanvas();
let imgData = canvas.toDataURL('"image/png"'); let imgData = canvas.toDataURL('"image/png"');
let currentTimeStamp = new Date().valueOf(); let currentTimeStamp = new Date().valueOf();
emit("cutdone", Object.assign({ currentTimeStamp, msg: imgData })); let orgInfo = activeUploadFiles.value[0];
console.log(orgInfo);
emit("cutdone", Object.assign({ currentTimeStamp, cutResult: imgData,orginal:orgInfo }));
let newFile = dataURLtoFile(imgData); let newFile = dataURLtoFile(imgData);
commonUploadTransaction([newFile]); commonUploadTransaction([newFile]);
nextTick(() => clearAllCutEffect()); nextTick(() => clearAllCutEffect());
@ -350,7 +352,10 @@ const cutTransaction = () => {};
//内部方法 -> end //内部方法 -> end
</script> </script>
<template> <template>
<div class="layui-upload layui-upload-wrap" :class="disabledPreview?'layui-upload-file-disabled':''"> <div
class="layui-upload layui-upload-wrap"
:class="disabledPreview ? 'layui-upload-file-disabled' : ''"
>
<input <input
class="layui-upload-file" class="layui-upload-file"
@click="clickOrgInput" @click="clickOrgInput"
@ -417,7 +422,10 @@ const cutTransaction = () => {};
/> />
</div> </div>
</lay-layer> </lay-layer>
<div class="layui-upload-list" :class="disabledPreview?'layui-upload-list-disabled':''"> <div
class="layui-upload-list"
:class="disabledPreview ? 'layui-upload-list-disabled' : ''"
>
<slot name="preview"></slot> <slot name="preview"></slot>
</div> </div>
</div> </div>