public bool GetImageById(string id)
{
try
{
DirectoryInfo di = new DirectoryInfo(@"C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes");
foreach (var fi in di.GetFiles("*"+id+"*"))
{
Console.WriteLine(fi.Name);
}
return true;
}
catch
{
Console.WriteLine("El Archivo No existe");
return false;
}
}
this is my controller:
[Route("GetImageById/{id}")]
public bool GetImageById(string id)
{
ArticleModel articleModel = new ArticleModel();
var result = articleModel.GetImageById(id);
return result;
}
so basically this get the files from the path searching by file "Id".
And yes, this returns true.
How can i handle it to show the files on my dropzone? (mockfile)
I know there is an event, "addedfile", but i need some example.
It’s unclear what the use case for this is. Dropfile doesn’t access the server for a list of files (it just a JavaScript array). This might be useful if you are doing a custom thumbnail list, that is augmented by dropzone.
So when the user call "Edit view" i want to retrieve the stored files and show them on my Dropzone.
This approach is not going to work. In HTTP you get one file download. Even if the file were downloaded, JavaScript or Dropzone cannot select the file due to browser security. The user must select the file.
It is pretty easy to display links to a file and you have control over how the link is displayed.
You cannot use dropzones built in thumbnail list, you must write your own. You can use your custom thumbnail list instead of dropzones, so you have a common look. You probably will need a server thumbnail generator.
I know whats your point, but im telling you that i have a method returning this "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png" on my Model.
wich is the same parameter used to create a Mockfile on the Browser when you hardcode the "call".
I just want to take this "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png" from my Model List, put that on a variable on the front end and use it to be called/used by Dropzone javascript.
call "my variable"
please stop telling me that its not possible because i want to believe
I know whats your point, but im telling you that i have a method returning this "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png" on my Model.
Can you share the code?
MVC_user
I just want to take this "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png" from my Model List, put that on a variable on the front end and use it to be called/used by Dropzone javascript.
call "my variable"
Just serialize the model. Below is an ASP.NET core example.
public class FileModel
{
public string name { get; set; }
public int size { get; set; }
public string type { get; set; }
}
public IActionResult Index()
{
FileModel model = new FileModel()
{
name = "b0c88f23-818c-443c-91ce-3a8606a42c45_459.png",
size = 12345,
type = "image/png"
};
return View(model);
}
@model MvcDemo.Models.FileModel
@{
ViewData["Title"] = "Home Page";
}
<div class="text-center">
<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>
@section scripts {
<script>
var path = "C:\\Sitios Webs Test\\appm_test.palermo.com.ar\\Imagenes\\";
var model = @Json.Serialize(Model);
console.log(model);
console.log(path + "@Model.name");
</script>
}
Member
34 Points
119 Posts
Do you have an example to mockfile and show files on Dropzone from the server?
Feb 14, 2020 07:10 PM|MVC_user|LINK
This is my Model:
public bool GetImageById(string id) { try { DirectoryInfo di = new DirectoryInfo(@"C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes"); foreach (var fi in di.GetFiles("*"+id+"*")) { Console.WriteLine(fi.Name); } return true; } catch { Console.WriteLine("El Archivo No existe"); return false; } }this is my controller:
[Route("GetImageById/{id}")] public bool GetImageById(string id) { ArticleModel articleModel = new ArticleModel(); var result = articleModel.GetImageById(id); return result; }so basically this get the files from the path searching by file "Id".
And yes, this returns true.
How can i handle it to show the files on my dropzone? (mockfile)
I know there is an event, "addedfile", but i need some example.
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 14, 2020 08:13 PM|MVC_user|LINK
Changes...
Model:
public List<string> GetImageById(string id) { string[] array1 = Directory.GetFiles(@"C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes", "*" + id + "*"); List<string> filesList = array1.ToList(); return filesList; }Controller:
[Route("GetImageById/{id}")] public List<string> GetImageById(string id) { ArticleModel articleModel = new ArticleModel(); List<string> result = articleModel.GetImageById(id); return result; }All-Star
54784 Points
13892 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 15, 2020 12:46 AM|bruce (sqlwork.com)|LINK
It’s unclear what the use case for this is. Dropfile doesn’t access the server for a list of files (it just a JavaScript array). This might be useful if you are doing a custom thumbnail list, that is augmented by dropzone.
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 17, 2020 12:46 PM|MVC_user|LINK
Basically, we have a view to edit an Article,
This view is a form, wich is fill with the data comming from the database for the related Article ( Name, Date expiration, etc ). And that works good.
On the server (folder path) i have stored some files related by GUID or Name to this Article.
So when the user call "Edit view" i want to retrieve the stored files and show them on my Dropzone.
A basic example will be usefull. Ill do the rest.
All-Star
45931 Points
19998 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 17, 2020 01:43 PM|mgebhard|LINK
This approach is not going to work. In HTTP you get one file download. Even if the file were downloaded, JavaScript or Dropzone cannot select the file due to browser security. The user must select the file.
It is pretty easy to display links to a file and you have control over how the link is displayed.
All-Star
54784 Points
13892 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 17, 2020 03:24 PM|bruce (sqlwork.com)|LINK
You cannot use dropzones built in thumbnail list, you must write your own. You can use your custom thumbnail list instead of dropzones, so you have a common look. You probably will need a server thumbnail generator.
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 05:08 PM|MVC_user|LINK
This way (hardcoded works) but ... must be a way to read values from the list on the Model:
//var mockFile = { name:"b0c88f23-818c-443c-91ce-3a8606a42c45_459.png", size: 12345, type: 'image/png' };//this.addFile.call(this, mockFile);
//this.options.thumbnail.call(this, mockFile, "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png");
Dropzone Javascript:
jQuery(document).ready(function () { Dropzone.autoDiscover = false; $("div#myAwesomeDropzone").dropzone({ paramName: "file", maxFiles: 6, maxFilesize: 1200, maxFileHeight: 840, maxFileWidth: 840, acceptedFiles: ".png,.jpg", addRemoveLinks: true, parallelUploads: 6, init: function () { //var mockFile = { name:"b0c88f23-818c-443c-91ce-3a8606a42c45_459.png", size: 12345, type: 'image/png' }; //this.addFile.call(this, mockFile); //this.options.thumbnail.call(this, mockFile, "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png"); this.on("thumbnail", function (file) { if ((file.height > this.options.maxFileHeight && file.width > this.options.maxFileWidth) || (file.height > this.options.maxFileHeight) || (file.width > this.options.maxFileWidth)) { alert("Image max size allowed is 840 x 840"); this.removeFile(file); var fs1 = new FormData(); fs1.append('file', file); fs1.append('fileguid', '@Model.ImageGuid'); $.ajax({ type: 'POST', url: '@Url.Action("Remove")', data: fs1, processData: false, contentType: false }); } }); this.on("sending", function (file, xhr, formData) { if (file.name.length > 12) { alert("Filename cant have more than 12 characters "); this.removeFile(file); var fs2 = new FormData(); fs2.append('file', file); fs2.append('fileguid', '@Model.ImageGuid'); $.ajax({ type: 'POST', url: '@Url.Action("Remove")', data: fs2, processData: false, contentType: false }); } this.on("maxfilesexceeded", function (file) { alert("The maximum amount of files was exceeded"); this.removeFile(file); var fs3 = new FormData(); fs3.append('file', file); fs3.append('fileguid', '@Model.ImageGuid'); $.ajax({ type: 'POST', url: '@Url.Action("Remove")', data: fs3, processData: false, contentType: false }); }); formData.append("file", file); formData.append("fileguid", '@Model.ImageGuid'); }); this.on("removedfile", function (file) { if (file.status == 'success') { var fd = new FormData(); fd.append('file', file); fd.append('fileguid', '@Model.ImageGuid'); $.ajax({ type: 'POST', url: '@Url.Action("Remove")', data: fd, processData: false, contentType: false }); } }); } }); });All-Star
45931 Points
19998 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 06:13 PM|mgebhard|LINK
You have a design bug. There's no reliable way for the web server to know where files are located on the client machines.
this.options.thumbnail.call(this, mockFile, "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png");It seem to work on your development machine because it is both the server and the client. The folder stricture is the same.
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 06:23 PM|MVC_user|LINK
I know, but the files are on my server. User will just choose an Article Id.
This file is on the server:
C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png
So that will be the same for all the users.
i see a code on my mind telling me something like:
Foreach File on my Model.List
(C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png)
Take name:
b0c88f23-818c-443c-91ce-3a8606a42c45_459.png as name,
Take .png as Type.
create mockfile with random size (1000 mb ?).
Then call C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png
First file is added, continue looping,
C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\Another__________FILE____________ON________MY__________LIST.png
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 06:30 PM|MVC_user|LINK
If i do something like that, get set for name variable, just to start,
how can i call it on the Dropzone Javascript?
All-Star
45931 Points
19998 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 06:48 PM|mgebhard|LINK
JavaScript runs in the browser not on the server.
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 06:57 PM|MVC_user|LINK
I know whats your point, but im telling you that i have a method returning this "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png" on my Model.
wich is the same parameter used to create a Mockfile on the Browser when you hardcode the "call".
I just want to take this "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\b0c88f23-818c-443c-91ce-3a8606a42c45_459.png" from my Model List, put that on a variable on the front end and use it to be called/used by Dropzone javascript.
call "my variable"
please stop telling me that its not possible because i want to believe
Member
34 Points
119 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 07:09 PM|MVC_user|LINK
F. this i will do it by my own:
First, modify this:
public List<string> GetImageById(string id) { var parameters = new Dictionary<string, object> { { "id", id} }; ListFiles = GetContentsRestClient().Get<List<string>>("Article/GetImageById/{id}", parameters); return ListFiles; }Then... i add this:
public List<string>ListFiles { get; set; }Then i change this:
var mockFile = { name: "b0c88f23-818c-443c-91ce-3a8606a42c45_459.png", size: 12345, type: 'image/png' }; this.addFile.call(this, mockFile); this.options.thumbnail.call(this, mockFile, "@Model.ListFiles");now i just need to manipulate the filename and the type in another variables and this will work.
All-Star
45931 Points
19998 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 07:27 PM|mgebhard|LINK
Can you share the code?
Just serialize the model. Below is an ASP.NET core example.
public class FileModel { public string name { get; set; } public int size { get; set; } public string type { get; set; } }public IActionResult Index() { FileModel model = new FileModel() { name = "b0c88f23-818c-443c-91ce-3a8606a42c45_459.png", size = 12345, type = "image/png" }; return View(model); }@model MvcDemo.Models.FileModel @{ ViewData["Title"] = "Home Page"; } <div class="text-center"> <h1 class="display-4">Welcome</h1> <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p> </div> @section scripts { <script> var path = "C:\\Sitios Webs Test\\appm_test.palermo.com.ar\\Imagenes\\"; var model = @Json.Serialize(Model); console.log(model); console.log(path + "@Model.name"); </script> }All-Star
54784 Points
13892 Posts
Re: Do you have an example to mockfile and show files on Dropzone from the server?
Feb 18, 2020 09:09 PM|bruce (sqlwork.com)|LINK
see docs for server files:
https://gitlab.com/meno/dropzone/-/wikis/FAQ
init: function () { var mockFile = { name:"@(Model.ImageGuid).png", // display name size: @Model.ImageSize, //size of image type: 'image/png' }; this.displayExistingFile(mockFile, "@Url.Action("GetImageByName", new {id = Model.ImageGuid}));then you need an action to return image:
public ActionResult GetImageByName (string id) { var path = "C:\Sitios Webs Test\appm_test.palermo.com.ar\Imagenes\" + id + ".png"; return File(path, "img/png"); }