c# string array to JS array

Question

I want to use C# string array in JS plugin with razor syntax.

C# Code: (in cshtml)

@{
    string[] extentions = new string[] { "jpg", "png", "gif", "jpeg", "pdf" };
}

JS Code :

  $('#file').filer({
        limit: 2,
        maxSize: 4000,
        extensions: ["jpg", "png", "gif", "jpeg", "pdf"],
        ...
  })

JS Code with C# string[]:

  $('#file').filer({
        limit: 2,
        maxSize: 4000,
        extensions: '@extentions',
        ...
  })

In this case I get System.String[] and if I use JsonConvert.SerializeObject(extentions) I get something like this:

["jpg","png","gif","jpeg","pdf"]

What is the best way convert c# string array to Js array in the format that I want?

Answer 1

Use

@Html.Raw(JsonConvert.SerializeObject(extentions))

Html.Raw ensures that argument will not be html-encoded, so you won't get " instead of " anymore.

Answer 2

@{
    <text>[</text>
    foreach (string extension in extensions)
    {
        <text>"@extension", </text>
    }
    <text>]</text>
}

The code above will produce the output:

["jpg", "png", "gif", "jpeg", "pdf", ]

This is done by using the <text></text> tag which allows you to insert markup between the tags to be displayed within the View.

At the start, a [ char is inserted. Then, it loops through each extension and outputs "extension",. After the loop is completed, it inserts a ] char to end the valid JavaScript array.