Comments (5)
fixed the issue
cropperHandler(cropper) {
var imgdat = cropper.getCroppedCanvas().toDataURL(this.cropperOutputMime);
var file = this.dataURLtoFile(imgdat, "test.png");
let formData = new FormData();
formData.append("photo", file);
axios({
method: "POST",
url: "/product/testupload/",
headers: {
"Content-Type": "multipart/form-data",
to: "token"
},
data: formData
});
},
dataURLtoFile(dataurl, filename) {
var arr = dataurl.split(","),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new File([u8arr], filename, { type: mime });
},
thanks to the thread [https://stackoverflow.com/questions/35940290/how-to-convert-base64-string-to-javascript-file-object-like-as-from-file-input-f/38935990#38935990]
from vue-avatar-cropper.
how can i get the original file name via above mentioned instance?
to do so you should listen to changes in the comp:
<avatar-cropper @changed="cropperAvatarChanged" />
and in the method you receive the file, so you can display the filename:
cropperAvatarChanged(file, reader) {
console.log(file.name);
}
from vue-avatar-cropper.
how can i get the original file name via above mentioned instance?
from vue-avatar-cropper.
Thanks
from vue-avatar-cropper.
Thanks
ok, now you can close the issue
from vue-avatar-cropper.
Related Issues (20)
- Vue 3 support? HOT 11
- it seems that the "mimes" property cannot support "image/*" HOT 2
- Corrupted files break the component HOT 1
- A better way to trigger the avatar cropper HOT 2
- Allow to crop without pick HOT 1
- Nuxt upload-handler does not work HOT 9
- How to set max & min Height & Width: HOT 2
- ReferenceError: regeneratorRuntime is not defined HOT 2
- A little confusing release info HOT 3
- Possible to use without upload functionality? HOT 2
- Error in v-on handler: "ReferenceError: regeneratorRuntime is not defined" HOT 1
- Do you have support for the patch request instead of post?
- How can we turn off Capture? HOT 3
- node_modules vue-avatar-cropper folder contains no src or dist files HOT 1
- Not working on NuxtJS HOT 3
- 6.0.8(npm)
- npm can not install
- Zoom in / Zoom out buttons? HOT 6
- SVG output? HOT 1
- How can i manually define upload process?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-avatar-cropper.