Make generate-proxy support IRemoteStreamContent.

[maliming]

IRemoteStreamContent may be a parameter or in the DTO of the parameter. It can only be the return type.

Task<IRemoteStreamContent> GetFileAsync(); A blob stream will be returned.

Task UploadFileAsync(IRemoteStreamContent file);

var formdata = new FormData();
formdata.append("file", fileInput.files[0], "logo.png");

var requestOptions = {
  method: 'POST',
  body: formdata
};

Task UploadFileAsync(UploadFileDto input);

fetch("https://localhost:44328/UploadFileAsync", requestOptions)

var formdata = new FormData();
formdata.append("input.FileName ", "logo.png");
formdata.append("input.FileContent ", fileInput.files[0], "logo.png");

var requestOptions = {
  method: 'POST',
  body: formdata
};

fetch("https://localhost:44328/UploadFileAsync", requestOptions)

public interface IFileAppService : IApplicationService
{
    Task<IRemoteStreamContent> GetFileAsync();

    Task UploadFileAsync(IRemoteStreamContent file);

    Task UploadFileAsync(UploadFileDto input);

    Task UploadFilesAsync(UploadFilesDto input);

    Task UploadFile2Async(UploadFile2Dto input);
}

public class UploadFileDto
{
    public string FileName { get; set; }

    public IRemoteStreamContent FileContent { get; set; }
}

public class UploadFilesDto
{
    //Or List<IRemoteStreamContent>
    public IEnumerable<IRemoteStreamContent> Files { get; set; }
}

public class UploadFile2Dto
{
    public UploadFileChild2Dto Child { get; set; }
}

public class UploadFileChild2Dto
{
    //Or IEnumerable<IRemoteStreamContent>
    public IRemoteStreamContent FileContent { get; set; }
}

[martingagne]

Hello @maliming! I am using the Javascript generated by /apb/ServiceProxyScript to call my backend service. One of the APIs has a DTO object (very similar to your UploadFileChild2Dto class above) which contains a property of type IRemoteStreamContent. The proxy generated does not appear to be right. The input parameter appear to be completely ignored. I can call the API successfully with Swagger.

Is this issue still open? What do you suggest to work around this? Thank you!

[maliming]

hi

You can use FormData in your project.

[martingagne]

I am a little bit confused @maliming. I have an AppService class, an Action and a DTO (see code snippets below). The Javascript generated appears to be wrong (see code below). As a result, I cannot call 'Action' as defined below.

Where should I use FormData?

public class MySpecialAppService : MyAppService, IMyAppService
{
    public async Task<ActionResponseDto> ActionAsync(ActionRequestDto input, CancellationToken cancellationToken = default)
    {
        if (input == null)
        {
            throw new ArgumentNullException(nameof(input));
        
        if (input.Content == null)
        {
            throw new ArgumentNullException(nameof(input));
        }
        string myData = string.Empty;
        using (MemoryStream ms = new MemoryStream())
        { 
            // ...
        }    
        return new ActionResponseDto
        {
            RawResponse = myData,
        };
    }
}

    public class MyRequestDto
    {
        [Required]
        public string Name { get; set; } = string.Empty;

        [Required]
        public IRemoteStreamContent? Content { get; set; } = null;
    }

    (function(){

        abp.utils.createNamespace(window, 'my.project.myproject');

        my.project.myproject.transcribe = function(input, ajaxParams) {
            return abp.ajax($.extend(true, {
url: abp.appPath + 'api/app/myproject/action' + abp.utils.buildQueryString([{ name: 'name', value: input.name }]) +'',
        type: 'POST'
            }, ajaxParams));
        };

    })();

})();

[maliming]

hi

You can add a new js file or a ja function to override the my.project.myproject.transcribe or create a new function. Use FormData to send the file in your new function.

[hillin]

Bump - once a year I write an upload API, generate proxy, and rediscover that we still don’t have this.

[GrischaTDev]

Bump – Einmal im Jahr schreibe ich eine Upload-API, generiere einen Proxy und stelle dann fest, dass wir das immer noch nicht haben.

I'm facing the same problem right now ☹️

[maliming]

Fixed in #25639.

• jQuery generator now emits data: <var>, processData: false, contentType: false when an action has a FormFile-bound parameter, so the input argument is no longer dropped (the exact symptom @martingagne reported above).
• Angular @abp/ng.schematics collapses the upload arg to FormData and forwards it as the body.
• C# dynamic + static proxies already supported these shapes once the DTO is registered in FormBodyBindingIgnoredTypes (same pattern Volo.CmsKit / Volo.Blogging / file management already follow; documented at https://abp.io/docs/latest/framework/architecture/domain-driven-design/application-services#stream-content).

Will close when merged.