on my page, I want to see this picture under this path
(please don"t say pass img, please read the title), a tag clearly. I tried it, but it didn"t work.
< input type= "file" >
can only display file names on the page
on my page, I want to see this picture under this path
(please don"t say pass img, please read the title), a tag clearly. I tried it, but it didn"t work.
< input type= "file" >
can only display file names on the page
first of all, you have no way to access the user's file system in the browser except < input type= "file" >
.
if you want to display the pictures in input file on the page, you can go like this:
and the user clicks and selects independently to access the local file, and the obtained file cannot get the absolute path of the file, only know the file name and the encapsulated
file
object. If it is a picture, you can read the picture intoBase64
encoded URL to display in the web page to realize the picture preview. If it is a picture, you can read the picture intoBase64
encoded URL through the api of file.
For the project of vue, there are many data modules on the home page. You need to call different API to get the data, and the request will slow down the loading of the first screen. How to optimize it? ...
is the path wrong? solved: because the image path is wrong ...
there is no effect after clicking, the console does not respond, and the click event does not take effect. Code section: .list(v-for="(i,n) in lists" :key="n" @click="change(i.url)") {{i.name}} corresponding event: cha...
I want to introduce a complete js file into a vue file. So I don t think it s appropriate to use import to introduce all the content at once. then I tried two more methods (I don t know if there is one) 1. < script src= "type= " text javascript ...
I used prerender-spa-plugin for pre-rendering in the vuejs project. The code is as follows new PrerenderSPAPlugin({ staticDir: path.join(__dirname, .. dist ), routes: [ , help fee , help mnemonic , help agreement , hel...
how can the PC end be highly compatible? Generally speaking, our PC side only does width compatibility, if we want to do different resolutions, the display is the same. How do you do that? Is it possible to use rem?? background management system written...
problem description now it is time to develop a background article review function, which is required to completely restore the article. What is returned at the back end is a piece of html code. The article pulled from the Internet has an inline style...
during the interview, I encountered the following questions is tested correctly in the test environment, and a blank page appears in the formal environment. Because it is packaged in a framework, the code is compressed and breakpoints cannot be used ...
topic description ...
< div class= "a " data-id= 0 > {{state}} < div > < div class= "a " data-id= 1 > {{state}} < div > < div class= "a " data-id= 2 > {{state}} < div > 0 Shipping 1 has been shipped 2 refund div is looped out of the background data. Ho...
requirements: there are multiple Input input boxes in the form, each of which is input1, input2, input3. After the input1 input is complete, press the Enter key to automatically jump to input2. Similarly, press Enter to jump to input3 after input2 has b...
here is a mall decoration function, you can add different functional types of components, components can appear in different locations according to the location of the plus sign, and click to save and refresh. No, no, no. Like the natural flow, the posit...
the vue element-ui table component header does not occupy the entire row in the initial rendering. The actual application scenario is what happens when switching different tables through the tab tab component. How to solve this problem? The following fi...
my cell phone junk picture is a little blurry. But there is an obvious shadow in the middle navigation bar at the bottom. What is the reason for this? is there a solution (it only appears when it is pressed for a long time and then disappears in a second...