Comments (9)
@BlueBazze thanks for opening -- can you try the console.log
without JSON.stringify
? Update to this:
this.uploader.on('progress', (progress) => {
console.log(progress)
})
from upchunk.
@dylanjha Thanks for the swift response.
The outcome is the same. Except now theres a little arrow i can click to expand the object tree.
Still only contains a single value "IsTrusted": false
from upchunk.
If i try to render this.uploader.progress?.IsTrusted
in the component, it will just render false
from upchunk.
You're not finding IsTrusted
in the UpChunk source because that key/value is coming from the native Event
implementation. Just say that to say, that's a bit of a red herring here I think, all that means is that the event didn't come from an explicit user action.
Any chance you can put this reduced test case somewhere we can play with it like JSFiddle or Codesandbox?
from upchunk.
https://codesandbox.io/p/sandbox/frosty-resonance-dzwhkc
All you need to do is insert an upload url on line 54 in components/UploadComponent.vue
from upchunk.
Ugh I'm chasing down what in the world is going on with this import mess, because I'm running into that original thing you mentioned as a footnote re: import errors.
That being said, while I look into that, if you have an environment where this is working, the detail
value is going to be what you want, didn't notice that missing in your examples initially. Can you try logging that and letting us know what you see?
this.uploader.on('progress', (progress) => {
console.log(progress.detail)
this.upload.progress = progress
})
from upchunk.
Nuxt is heavily biased towards esm. The import import * as UpChunk from '@mux/upchunk/dist/upchunk'
or with .mjs
should work
I didnt actually look at the prototype object before, but the value seems to be present as you described.
Code
this.uploader.on('progress', (progress) => {
console.log(JSON.stringify(progress), { progress })
this.upload.progress = progress.detail
})
from upchunk.
Great! Going to close this one, and #88 is where we'll continue to push on the ESM work.
from upchunk.
Thanks for your help
from upchunk.
Related Issues (20)
- Possibility to use content-type Form Data HOT 2
- Multiple uploads HOT 4
- Error 501 - not implemented, when trying to upload to AWS S3 bucket via pre-signed URL HOT 2
- Error on deployed Next.js website HOT 9
- I am try to resume upload, but it seems it restart again but no resume. HOT 3
- The video asset get auto deleted after 24 hours? HOT 1
- parallel upload of chunks HOT 2
- Uploading large files on mobile browsers fails HOT 1
- Retrieving Asset ID after upchunk finishes an upload? HOT 2
- [Bug] Failure to Handle 'Range' Response Header in Chunked Uploads to GCS HOT 2
- [Feature Request] Response object inside the 'error' event HOT 2
- How to pass additional data with request HOT 2
- TypeError: Cannot read properties of null (reading 'includes') HOT 1
- Upload of large files 4GB+ fails on Safari. UpChunk or WebKit problem? HOT 9
- TypeError occurred using a Japanese file name HOT 8
- Success Event requires Response to the request HOT 2
- _mux_upchunk__WEBPACK_IMPORTED_MODULE_8___default.a.createUpload is not a constructor HOT 21
- Browser memory usage HOT 9
- Getting a type error during build time of a Next.js project HOT 4
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 upchunk.