Question:
I want to extract a file name from a dataset url field string, then display the hyperlinked file name to be available for downloading.
Product:
The Editor
What are you trying to achieve:
View the page here:
https://blstep.wixsite.com/site/copy-2-of-table
Here you can see the url pulled from the “fileUploadField” displayed as a text hyperlink in each item of a repeater.
I am trying to parse or split or separate the file name from the end of the url to use it as text for the hyperlink.
For example, I would like the file name “florida.docx” cut from the end of this url:
“https://docs.wixstatic.com/ugd/a1b137_07660e2ecec34e1295c4400cd9d4ed0d.docx?dn=florida.docx”
Then I would like that file name, complete with the extension, to appear on the repeater as a hyperlink.
What have you already tried:
import wixData from ‘wix-data’;
$w.onReady(
function ()
{
wixData.query(‘copilot’)
.find()
.then(
(results) => {
const items = results.items;
const htmlContainer = $w(‘#text35’);
let htmlContent = ‘’;
items.forEach((item) => {
const docUrl = item.fileUploadField;
const docName = docUrl.split(“=”).pop();
// Extracts document name from URL
htmlContent += <a href="${docUrl}" target="_blank">${docName}</a><br>;
});
htmlContainer.html = htmlContent;
});
})
Additional information:
This is the third script I have tried by the copy and paste a code example method. I usually can figure out how to make code snippets like this work, but this one has me stumped. Thank you in advance for any help offered.