Microsoft.Common.FileUpload UI-element
Een besturingselement waarmee een gebruiker een of meer bestanden kan opgeven die moeten worden geüpload.
Ui-voorbeeld
Schema
{
"name": "element1",
"type": "Microsoft.Common.FileUpload",
"label": "Some file upload",
"toolTip": "",
"constraints": {
"required": true,
"accept": ".doc,.docx,.xml,application/msword"
},
"options": {
"multiple": false,
"uploadMode": "file",
"openMode": "text",
"encoding": "UTF-8"
},
"visible": true
}
Voorbeelduitvoer
Als options.multiple
dat het isfile
false
, options.uploadMode
heeft de uitvoer de inhoud van het bestand als een JSON-tekenreeks:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
Als options.multiple
dat zo isfile
true
, options.uploadMode
heeft de uitvoer de inhoud van de bestanden als een JSON-matrix:
[
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
]
Als options.multiple
dat het isurl
false
, options.uploadMode
heeft de uitvoer een URL als een JSON-tekenreeks:
"https://contoso.blob.core.windows.net/pictures/profile.jpg?sv=2013-08-15&st=2013-08-16&se=2013-08-17&sr=c&sp=r&rscd=file;%20attachment&rsct=binary &sig=YWJjZGVmZw%3d%3d&sig=a39%2BYozJhGp6miujGymjRpN8tsrQfLo9Z3i8IRyIpnQ%3d"
Als options.multiple
dat zo isurl
true
, options.uploadMode
heeft de uitvoer een lijst met URL's als een JSON-matrix:
[
"https://contoso.blob.core.windows.net/pictures/profile1.jpg?sv=2013-08-15&st=2013-08-16&se=2013-08-17&sr=c&sp=r&rscd=file;%20attachment&rsct=binary &sig=YWJjZGVmZw%3d%3d&sig=a39%2BYozJhGp6miujGymjRpN8tsrQfLo9Z3i8IRyIpnQ%3d",
"https://contoso.blob.core.windows.net/pictures/profile2.jpg?sv=2013-08-15&st=2013-08-16&se=2013-08-17&sr=c&sp=r&rscd=file;%20attachment&rsct=binary &sig=YWJjZGVmZw%3d%3d&sig=a39%2BYozJhGp6miujGymjRpN8tsrQfLo9Z3i8IRyIpnQ%3d",
"https://contoso.blob.core.windows.net/pictures/profile3.jpg?sv=2013-08-15&st=2013-08-16&se=2013-08-17&sr=c&sp=r&rscd=file;%20attachment&rsct=binary &sig=YWJjZGVmZw%3d%3d&sig=a39%2BYozJhGp6miujGymjRpN8tsrQfLo9Z3i8IRyIpnQ%3d"
]
Wanneer u een CreateUiDefinition.json test, worden in sommige browsers URL's afgekapt die door het Microsoft.Common.FileUpload
element in de browserconsole worden gegenereerd. Mogelijk moet u met de rechtermuisknop op afzonderlijke koppelingen klikken om de volledige URL's te kopiëren.
Opmerkingen
constraints.accept
hiermee geeft u de typen bestanden op die worden weergegeven in het bestandsdialoogvenster van de browser. Zie de HTML5-specificatie voor toegestane waarden. De standaardwaarde isnull
.- Als
options.multiple
dit is ingesteldtrue
, mag de gebruiker meer dan één bestand selecteren in het dialoogvenster bestand van de browser. De standaardwaarde isfalse
. - Dit element ondersteunt het uploaden van bestanden in twee modi op basis van de waarde van
options.uploadMode
. Alsfile
dit is opgegeven, heeft de uitvoer de inhoud van het bestand als blob. Alsurl
dit is opgegeven, wordt het bestand geüpload naar een tijdelijke locatie en heeft de uitvoer de URL van de blob. Tijdelijke blobs worden na 24 uur verwijderd. De standaardwaarde isfile
. - Een geüpload bestand is beveiligd. De uitvoer-URL bevat een SAS-token voor toegang tot het bestand tijdens de implementatie.
- De waarde van
options.openMode
bepaalt hoe het bestand wordt gelezen. Als verwacht wordt dat het bestand tekst zonder opmaak is, geeft utext
anders opbinary
. De standaardwaarde istext
. - Als
options.uploadMode
dit is ingesteld opfile
enoptions.openMode
is ingesteldbinary
op , wordt de uitvoer base64-gecodeerd. options.encoding
hiermee geeft u de codering die moet worden gebruikt bij het lezen van het bestand. De standaardwaarde isUTF-8
en wordt alleen gebruikt wanneeroptions.openMode
deze is ingesteld optext
.
Volgende stappen
- Zie Aan de slag met CreateUiDefinition voor een inleiding tot het maken van UI-definities.
- Zie CreateUiDefinition-elementen voor een beschrijving van algemene eigenschappen in UI-elementen.