In Vue, the Upload component of Iview cannot get the absolute path of local images. Is there any way to solve this problem? if I want to achieve clipping and upload, I need an absolute path.

in the Upload of Iview shown in the title, only file.name can get the file name. I tried file.path again, and the result is empty. Ask for help. How to solve the problem that I can"t get the absolute path of the local picture

there is also a small problem, which is the file in the instance in Iview Upload. The document is used in this way

but if I change the file in the red box to a random one, such as fileUpload, then fileUpload.name won"t get anything, so what does file mean here? it doesn"t feel like a string. If I continue to use file.name,file from the original white to dark blue (maybe related to the theme), it points to a different point anyway, when to represent the type and when to represent the string. I also hope that some bosses can answer

by the way.

Front-end javascript vue.js

Apr.14,2022

you can take the base64 of uploading pictures

const reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = () => {
    const _base64 = reader.result
    console.log(_base64)
}

Preview: https://jsfiddle.net/cLre0vfd/

is passed to the backend to cut in coordinates

upload methods are different. It is commonly used to upload files to the server (or temporary space for resource storage) in the way of FormData object file stream, and the
server returns the address of the uploaded file.

iView first uploads the picture to the server, and the
server returns the uploaded address through the file upload hook function (such as: on-success), and then performs file operations

Previous: Slow start of ionic project import xcode packaging app

Next: Is there any way for vscode to generate loop code for js?

The vue project introduces particles.js to realize the particle effect, but there is a problem when switching pages?
In the vue-cli project, I directly introduced the particls library into index.html, and the related files are placed in the static directory . <div id="particles-js">< div> <script type="text javascript" src="s...

Front-end javascript vue.js

Feb.26,2021
Iview table render presentation problem
1. To make an editable table, I want to be able to use the render method of the table in the AotoComplete, in the editing state, but when displaying, I find that there is a problem with the calculation of the drop-down part of the AotoComplete, sometime...

Front-end javascript vue.js iview

Mar.02,2021
Element ui select cleanup option
how can select empty the selected data and display the original placeholder?? here is my code: ...

Front-end javascript vue.js element-ui

Mar.03,2021
If vue makes the page jump back and forth, but the data remains the same.
my current scenario is that the product search page search?a=b&c=d and the product details page item 123 are both in the same router-view ; . I want the effect is that the list page jumps to the details page, then jumps back, and the list pag...

Front-end javascript vue.js

Mar.09,2021
Vue reported an error vue.js:525 [Vue warn]: Cannot find element:-sharpapp
when I started learning vue.js, I reported an error vue.js:525 [Vue warn]: Cannot find element:-sharpapp here is my code: ...

Front-end javascript vue.js

Mar.19,2021
About vue slot issu
div id= "app " > <child slot= head >  i am head < child> <child slot= foot > i am foot < child> < div> <script src=". vue.js">< script> ...

Front-end javascript vue.js

Apr.05,2021
How vue modifies "{{" to another symbol
the gulp-nunjucks-render I use will deal with the content in "{{}} ". I haven t found a way to modify it for the time being, so I want to modify the "{{}} " symbol in vue. conflicts with gulp-nunjucks-render has looked for other gulp modules, but ...

Front-end javascript vue.js

Apr.11,2021
When Tencent Map is called asynchronously by vue3.0, he prompts is not defined what to do when packing.
this is how it was introduced methods: { loadMap() { return new Promise(function(resolve, reject) { window.init = function() { resolve(qq); }; var script = document.createElement("script"); ...

Front-end javascript vue.js Tencent-Map vue-cli

Jun.25,2021
For help, a drop-down list appears when you click on each li and the css style of this one changes. How can it be achieved with vue?
<template> <div class="navigation"> <div class="logo_image">< div> <div class="control_center">< div> <div class="navigation_list"> <div v-on...

Front-end javascript vue.js

Jul.06,2021
Why can chrome open a picture of disk D while html's img cannot be accessed?
file: D: workspace vueApp qingchi static img 1.jpg can be opened directly using chrome browser, but when I use <img src="file: D: workspace vueApp qingchi static img 1.jpg" alt=""> img tag, the browser prompts Not allo...

Front-end javascript vue.js

Mar.14,2022
Application of vue? on TV
vue technology needs to be applied to TV-side pages. TV-side pages do not have the usual click time, and rely on keyboard events to achieve interaction. Have you ever used vue on TV? react is also fine. mainly deals with focus shift and event distributi...

Tvos front-end javascript vue.js

Mar.18,2022
Vue Android reported an error when using Baidu Maps.
question background: use Baidu Maps (vue-cli 3.x) in vue, problem description: there are no problems and some problems in different Android phones. No problem was found in iPhone : andriod 7 andriod 6 andriod 6 andriod 4 : : http: api....

Front-end javascript vue.js Baidu-Map

Mar.31,2022
Based on VUE,Iview, wangeditor3 components are integrated in Tab tabs. When there are multiple tabs, wangeditor is created repeatedly and cannot be edited.
I m doing a background tab to switch between different options, add different panels, and then add different vue components to the panel the basic style is as follows, no problem at this time wangeditorwrite_article.vuevuemount...

Front-end javascript vue.js

Apr.01,2022
Can the mixins blending of vue achieve the global blending of some components?
for example, I have a two-level menu user:{ child:[ {detail}, {update} ] } order:{ child:[ {add}, {delete} ] } I want to mix all the child routes under all user routes with a mounted; cannot affect o...

Front-end javascript vue.js

May.09,2022
How to verify the modal created by render in iview
this.$Modal.confirm({ render: (h) => { return h( Form , { ref: form }) } }) as above, how the Form added with render is validated. ...

Front-end javascript vue.js iview

Jun.01,2022
The problem of method call encapsulated by methods in Vue
The problem, as noted below, is simply that I called another method in a method in methods, but the method I called did not successfully manipulate the value in my data. I passed the value in this data as a parameter. data(){ return { load...

Front-end javascript vue.js

Jun.23,2022