private void OnChange(UploadChangeEventArgs args)
{
foreach (var file in args.Files)
{
var path = "";
try
{
FileStream filestream = new FileStream(path, FileMode.Create, FileAccess.Write);
file.Stream.WriteTo(filestream);
filestream.Close();
file.Stream.Close();
}
catch(Exception ex)
{
statusText = ex.Message.ToString();
JsRuntime.InvokeVoidAsync("ChangeStatusText", statusText);
}
}
} |
<script>
window.ChangeStatusText = (status) => {
document.getElementsByClassName("e-file-status e-upload-success")[0].innerText = status;
}
</script>
|
<SfUploader CssClass="e-custom-class" @ref="uploaderObj" ID="uploaderObj" AutoUpload="true">
<UploaderTemplates>
<Template>
<span class="e-file-container">
<span class="e-file-name">@context.Name</span>
<span class="e-file-type">@context.Type</span>
<span class="e-file-size">@context.Size</span>
@if (files != null && files.Count > 0)
{
@foreach (var item in files)
{
if (item.Name == context.Name)
{
<span class="e-file-status e-upload-success">
@item.Status
</span>
}
}
}
@if (files == null)
{
<span class="e-file-status e-upload-success">
File uploaded successfully
</span>
}
</span>
<span class="e-icons e-file-remove-btn" title="Remove"></span>
</Template>
</UploaderTemplates>
<UploaderEvents ValueChange="OnChange" Success="onSuccess"></UploaderEvents>
</SfUploader> |