How to upload file array using formData

Because clicking input type='file' again will overwrite the previous fileList, I first convert the selected file into base64 as a preview image, similar to this. It can be added multiple times, but how do I add multiple preview images when uploading? Add it to the formdata object and accept paramete...

PHP中文网 2017-07-05 11:02:53 0  3  1675

Replace input type=file with image

Like a lot of people, I want to customize the ugly inputtype=file, and I know it can't be done without some hacks and/or javascript. However, the problem is that, in my case, the upload file button is only for uploading images (jpeg|jpg|png|gif), so I want to know if I can use "clickable" ...

P粉567281015 2023-10-13 13:47:35 0  1  733

My website code won't run on Google Chrome even though it works when I open it from a document

I uploaded all changes to my web hosting service and checked my site (https://cecilia-fornes.tech/accueil.html) on Google Chrome along with my header and navigation bar (which when opened convert to Hamburger menu) mobile devices) will not function as expected. They are expected to be located in a b...

P粉451614834 2024-02-25 23:13:24 0  1  378

javascript - Questions about the execution order of a for loop code

In the WeChat applet, the function of clicking on the canvas to convert it into a picture and then previewing it is implemented. Since it involves asynchronous methods being called in the for loop, I refer to online suggestions and use an immediate execution function inside the for loop. After many ...

高洛峰 2017-06-24 09:43:08 0  1  783

Asynchronous - Are some of Python's built-in functions blocking or non-blocking?

I have always had some questions. Are some functions and common libraries of python blocking? For example, print, socket connection, etc. Are there any simple solutions for blocking, non-blocking, asynchronous, etc.? Is there any language that clearly supports asynchronous parallelism? I have used n...

黄舟 2017-07-05 10:34:24 0  1  993

How to use CSS selectors to target div elements containing specific attributes or tags?

I'm working on a POS system that generates a website. Most of the code is proprietary so I can't edit much. I have an output list of categories with some images floated as categories. I want to hide the first 3 listed on the home page. I tried positioning the containing div using div:nth-child(1), w...

P粉493313067 2024-04-03 22:25:59 0  1  455

MySQL: Combining all results in a loop (possibly using UNION?)

EDIT: Already solved and answered: But if you have a similar question, feel free to read and see how the process works Background I created a process called "sea_dew_potion" and placed it inside a loop called "loopseadew". The loop works as expected. Problem My loop produces 18 r...

P粉897881626 2024-02-17 15:31:33 0  1  407

How to show loader of php page?

I have a bunch of .php pages, each corresponding to an html webpage. Each page takes about a minute or so to fully process and load. I want to show a loading image to the user when the page is fully loaded. I thought of a way logically like loading the image first and the main content stays hidden w...

P粉651109397 2024-01-10 16:52:02 0  1  503

Solve the problem of non-existent properties on types in Vue3 Typescript

I'm trying to populate a component with clues from an API. I have a LeadService file along with my vue template file. The problem I'm having is that I'm using an async call on the template file and it works, but when I go to calculate the value it throws a propertydoesnotexitontype error. It actuall...

P粉336536706 2024-03-25 18:27:18 0  1  801

Use Google Apps Script to upload files directly to my Google Drive (without using Google Forms)

So basically the task is very simple but I didn't find any feasible solution to my problem. I have a huge upload script on my website (currently localhost), but let's reduce all the complexity to only what is necessary. So I just want to use GoogleAppScript to upload a single file to Google Drive an...

P粉785905797 2024-01-21 15:39:43 0  2  606

Best way to preload route data before accessing the route.

Before rendering the page for a given route, I want to first get the necessary data synchronously. Ideally I'd like to get the data in the page component, but I'm not opposed to doing it in the router file. I've read and tried various approaches, but part of the challenge comes from the fact that th...

P粉197639753 2023-11-17 14:54:42 0  2  1146

React subcomponents cannot sense state changes from asynchronous functions inside useEffect

I'm trying to pass a state generated inside an async function, which itself is inside useState. I learned that useRef is probably the best way to solve this problem because it can reference mutable state, and in the process learned about React-useStateRef, which finally solved another one where the ...

P粉609866533 2023-09-02 12:55:44 0  1  539

Get the location information of PromiseRejectionEvent

I have some code where async functions may throw errors and I'm handling them using the unhandledrejection event because those uncaught throws don't fire the error event because they happen inside a Promise. So my error handler is getting a PromiseRejectionEvent instead of an ErrorEvent. So far so g...

P粉447785031 2024-02-17 18:06:26 0  1  545

Understand the inner workings of the virtual DOM in React or Vue

I'm a student and I'm trying to create my own virtual DOM for my college project (it won't have any advanced features like props or events, I'll keep it simple) like other famous frameworks like React, Vue etc. . I just want to know when we have multiple code files (code splitting). If I make a chan...

P粉451614834 2024-02-03 17:01:18 0  1  525

How to find JSON data based on other content in a JSON object when duplicates exist?

I'm currently implementing some data charts on a website, and I have a JSON that contains some data, specifically some ID numbers, some dates, and some data points. Because I have multiple dates under the same ID, I'm looking for a way to do essentially "find a JSON object with this ID and mont...

P粉713846879 2024-04-04 10:57:45 0  1  586

How to create a carousel using slots?

People keep showing me the same way to create a carousel using an array of images. But this approach is inflexible because I want each slide of the carousel to contain a lightbox component. In this case I don't want to override the functionality of the lightbox for the images I put into the carousel...

P粉817354783 2024-01-10 16:53:13 0  1  446

How to log form validation using zod and react-hook-form like in this svelte tutorial?

I try to follow the zod verification tutorial in svelte. I have no experience with this (svelte) so I'm wondering how can I replicate this code functionality in a simple React/next app? I'm stuck on what ({request}) will be/will be passed to the async function. Also, should this be done inside useEf...

P粉421119778 2024-01-28 23:16:11 0  1  528

Ways to fix issue 2003 (HY000): Unable to connect to MySQL server 'db_mysql:3306' (111)

I recently tried to containerize my FastAPIPython server (also for replication/doubling purposes). Before, I had just a MySQL server in a Docker container and everything was fine, but when I also made my web server a service, it couldn't connect to the MySQL server, so now the application doesn't wo...

P粉178132828 2023-09-05 11:18:47 0  1  889

Experiment with sorting after query limit

So this is my first question here, please forgive me if something is wrong. I'm trying to make a sort query based on constraints. So there is a Customers table with 90 records. I want to first perform a query limited to 3 records, and then sort the results of this query by a column called ContactNam...

P粉237125700 2023-09-05 14:46:42 0  1  774

CSS Grid: Create new row when child content overflows column width

I have a two column layout based on CSS grid. When the content of the second column exceeds 1fr I want to create a new row. As it currently stands, the content simply overflows the column. One requirement of this layout is that the items in the right menu column are in one row. I achieve this with: ...

P粉212114661 2023-09-05 15:18:28 0  1  652